admin/soorya-carpet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

INit
Some checks failed
linter / quality (push) Has been cancelled
Details
tests / ci (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Chief-spartan-117
2025-09-28 19:55:43 +05:45
commit 2162084b95
236 changed files with 28717 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

151
resources/js/components/layout/Navbar.tsx Normal file
View File

@@ -0,0 +1,151 @@
// import { dashboard, login, register } from '@/routes';
// import { SharedData } from '@/types';
// import { Link, usePage } from '@inertiajs/react';
import {
Sheet,
SheetContent,
SheetDescription,
SheetTitle,
SheetTrigger,
} from '@/components/ui/sheet';
import { about, artOfWeaving, contact, faq, home, product } from '@/routes';
import logo from '@asset/img/logo/soorya.png';
import { Link } from '@inertiajs/react';
import { Mail, MapPin, Menu, Phone } from 'lucide-react';
export default function Navbar() {
// const { auth } = usePage<SharedData>().props;
return (
<>
<header className="mx-auto w-full text-sm not-has-[nav]:hidden">
<div className="bg-primary py-1.5 text-white/60 max-md:hidden">
<div className="mx-auto max-w-screen-2xl px-12 max-md:px-2">
<ul className="flex items-center gap-4">
<li>
<a
href="tel:01-4220087"
className="flex items-center gap-1 text-xs"
>
<Phone size={14} />
01-4220087
</a>
</li>
<li>
<a
href="mailto:info@soorya.com"
className="flex items-center gap-1 text-xs"
>
<Mail size={14} />
info@soorya.com
</a>
</li>
<li>
<a
href="#"
className="flex items-center gap-1 text-xs"
>
<MapPin size={14} />
Thapathali, Kathmandu, Nepal
</a>
</li>
</ul>
</div>
</div>
<div className="mx-auto w-full max-w-screen-2xl px-12 py-2 text-base not-has-[nav]:hidden max-md:px-4">
<nav className="flex items-center justify-between gap-2">
<Link href={home()}>
<img
src={logo}
alt="Soorya Carpet Logo"
className="w-36"
/>
</Link>
<ul className="flex items-center gap-6 max-md:hidden">
<li>
<Link href={about()}>About Us</Link>
</li>
<li>
<Link href={artOfWeaving()}>
Art of Weaving
</Link>
</li>
<li>
<Link href={product()}>Our Products</Link>
</li>
<li>
<Link href={about()}>Bespoke Design</Link>
</li>
<li>
<Link href={faq()}>FAQs</Link>
</li>
<li>
<Link href={contact()}>Contact Us</Link>
</li>
</ul>
<Sheet>
<SheetTrigger className="md:hidden">
<Menu size={24} />
</SheetTrigger>
<SheetContent className="w-full">
<SheetTitle className="hidden">Menu</SheetTitle>
<SheetDescription className="hidden">
Navigation Menu Item
</SheetDescription>
<ul className="mt-20 flex flex-col items-center justify-center gap-6">
<li>
<Link href={about()}>About Us</Link>
</li>
<li>
<Link href={artOfWeaving()}>
Art of Weaving
</Link>
</li>
<li>
<Link href={product()}>
Our Products
</Link>
</li>
<li>
<Link href={about()}>
Bespoke Design
</Link>
</li>
<li>
<Link href={faq()}>FAQs</Link>
</li>
<li>
<Link href={contact()}>Contact Us</Link>
</li>
</ul>
</SheetContent>
</Sheet>
{/* {auth.user ? (
<Link
href={dashboard()}
className="inline-block rounded-sm border border-[#19140035] px-5 py-1.5 text-sm leading-normal text-[#1b1b18] hover:border-[#1915014a] dark:border-[#3E3E3A] dark:text-[#EDEDEC] dark:hover:border-[#62605b]"
>
Dashboard
</Link>
) : (
<>
<Link
href={login()}
className="inline-block rounded-sm border border-transparent px-5 py-1.5 text-sm leading-normal text-[#1b1b18] hover:border-[#19140035] dark:text-[#EDEDEC] dark:hover:border-[#3E3E3A]"
>
Log in
</Link>
<Link
href={register()}
className="inline-block rounded-sm border border-[#19140035] px-5 py-1.5 text-sm leading-normal text-[#1b1b18] hover:border-[#1915014a] dark:border-[#3E3E3A] dark:text-[#EDEDEC] dark:hover:border-[#62605b]"
>
Register
</Link>
</>
)} */}
</nav>
</div>
</header>
</>
);
}