Hero Sections

1import Link from "next/link";
2import { ArrowUpRight } from "lucide-react";
3import { Badge } from "@/components/ui/badge";
4import { Button } from "@/components/ui/button";
5import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
6import {
7  NavigationMenu,
8  NavigationMenuItem,
9  NavigationMenuLink,
10  NavigationMenuList
11} from "@/components/ui/navigation-menu";
12 
13const navigationLinks = [
14  { href: "#", label: "Home", active: true },
15  { href: "#", label: "Features" },
16  { href: "#", label: "Pricing" },
17  { href: "#", label: "About" }
18];
19 
20const Logo = () => {
21  return (
22    <Link href="#" className="flex items-center space-x-2">
23      <img src="/logo.svg" className="size-8 dark:invert" alt="bundui logo" />
24      <span className="text-2xl font-bold">Bundui</span>
25    </Link>
26  );
27};
28 
29export default function HeroSection() {
30  return (
31    <>
32      <header className="border-b px-4 md:px-6">
33        <div className="flex h-16 items-center justify-between gap-4">
34          {/* Left side */}
35          <div className="flex items-center gap-2">
36            {/* Mobile menu trigger */}
37            <Popover>
38              <PopoverTrigger asChild>
39                <Button className="group size-8 md:hidden" variant="ghost" size="icon">
40                  <svg
41                    className="pointer-events-none"
42                    width={16}
43                    height={16}
44                    viewBox="0 0 24 24"
45                    fill="none"
46                    stroke="currentColor"
47                    strokeWidth="2"
48                    strokeLinecap="round"
49                    strokeLinejoin="round"
50                    xmlns="http://www.w3.org/2000/svg">
51                    <path
52                      d="M4 12L20 12"
53                      className="origin-center -translate-y-[7px] transition-all duration-300 ease-[cubic-bezier(.5,.85,.25,1.1)] group-aria-expanded:translate-x-0 group-aria-expanded:translate-y-0 group-aria-expanded:rotate-[315deg]"
54                    />
55                    <path
56                      d="M4 12H20"
57                      className="origin-center transition-all duration-300 ease-[cubic-bezier(.5,.85,.25,1.8)] group-aria-expanded:rotate-45"
58                    />
59                    <path
60                      d="M4 12H20"
61// … truncated