'use client' import React from 'react' import { Swiper, SwiperSlide } from 'swiper/react' import { Autoplay, EffectCoverflow } from 'swiper/modules' import 'swiper/css' import 'swiper/css/autoplay' import 'swiper/css/navigation' import 'swiper/css/pagination' import 'swiper/css/effect-coverflow' import Link from 'next/link' import { Logo } from '@/components/logo' import { ArrowRight, Menu, Rocket, X } from 'lucide-react' import { Button } from '@/components/ui/button' const menuItems = [ { name: 'Features', href: '#' }, { name: 'Solution', href: '#' }, { name: 'Pricing', href: '#' }, { name: 'About', href: '#' }, ] export default function HeroSection() { const [menuState, setMenuState] = React.useState(false) return ( <>

{item.name}

New Introduction Tailus UI Html

Tame the Wild West
of Frontend Development

Tailwindcss highly customizable components for building modern websites and applications that look and feel the way you mean it.

Highly customizable components for building modern websites and applications, with your personal spark.

30% Increase in revenue

45% Increase in revenue

60% Increase in revenue

) } const WorkOsLogo = () => { return ( ) } const AstroLogo = () => { return ( ) } const NetlifyLogo = () => { return ( <> ) }

Tame the Wild West of Frontend Development

Tame the Wild West
of Frontend Development

Shadcn hero-section blocks