Merge version_3 into main

2026-04-13 09:07:32 +00:00
parent 97a0bc4ac7 13c3df7e88
commit dfd8b72daa
4 changed files with 172 additions and 1 deletions
--- a/src/app/contact-us/page.tsx
+++ b/src/app/contact-us/page.tsx
@@ -0,0 +1,51 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function ContactUsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="largeSmall"
+        background="aurora"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Menu", id: "/" },
+            { name: "Experience", id: "/" },
+            { name: "Reviews", id: "/" },
+            { name: "Find Us", id: "/location" },
+            { name: "Contact Us", id: "/contact-us" },
+          ]}
+          brandName="NBC"
+          button={{ text: "Order Now", href: "#" }}
+        />
+        <ContactCTA
+            tag="Contact Us"
+            title="Get in Touch"
+            description="We'd love to hear from you. Whether you have a question or just want to say hi, feel free to reach out."
+            buttons={[{ text: "Submit Message", href: "#" }]}
+            background={{ variant: "sparkles-gradient" }}
+        />
+        <FooterLogoReveal
+            logoText="NBC"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -0,0 +1,67 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { useState } from "react";
+
+export default function GalleryPage() {
+  const [filter, setFilter] = useState<'all' | 'food' | 'cafe'>('all');
+
+  const galleryItems = [
+    { id: "c1", name: "Our Cozy Corner", price: "", category: "cafe", imageSrc: "http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-30213.jpg" },
+    { id: "f1", name: "Signature Pizza", price: "", category: "food", imageSrc: "http://img.b2bpic.net/free-photo/delectable-slices-pizza-bundled-marble_114579-44925.jpg" },
+    { id: "c2", name: "Artisan Espresso", price: "", category: "cafe", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-blurred-background_23-2148164694.jpg" },
+    { id: "f2", name: "Creamy Pasta", price: "", category: "food", imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-plate-high-angle_23-2149703762.jpg" },
+  ];
+
+  const filteredItems = filter === 'all' ? galleryItems : galleryItems.filter(item => item.category === filter);
+
+  return (
+    <ThemeProvider defaultButtonVariant="hover-bubble" contentWidth="medium" background="aurora">
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Menu", id: "/menu" },
+            { name: "Gallery", id: "/gallery" },
+          ]}
+          brandName="NBC"
+          button={{ text: "Order Now", href: "#" }}
+        />
+        
+        <div className="pt-32 pb-20 container mx-auto px-4">
+          <h1 className="text-5xl font-extrabold text-center mb-10">Our Gallery</h1>
+          <div className="flex justify-center gap-4 mb-12">
+            {['all', 'food', 'cafe'].map((cat) => (
+              <button 
+                key={cat} 
+                onClick={() => setFilter(cat as any)}
+                className={`px-6 py-2 rounded-full border ${filter === cat ? 'bg-primary text-white' : 'hover:bg-slate-100'}`}
+              >
+                {cat.charAt(0).toUpperCase() + cat.slice(1)}
+              </button>
+            ))}
+          </div>
+
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            products={filteredItems as any}
+            title=""
+            description=""
+          />
+        </div>
+
+        <FooterLogoReveal
+          logoText="NBC"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/location/page.tsx
+++ b/src/app/location/page.tsx
@@ -0,0 +1,52 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function LocationPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="largeSmall"
+        background="aurora"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Menu", id: "/" },
+            { name: "Experience", id: "/" },
+            { name: "Reviews", id: "/" },
+            { name: "Find Us", id: "/location" },
+            { name: "Contact Us", id: "/contact-us" },
+          ]}
+          brandName="NBC"
+          button={{ text: "Order Now", href: "#" }}
+        />
+        <ContactText
+            background={{ variant: "sparkles-gradient" }}
+            text="Visit our cafe at Katora Talab, Raipur. Click below to view our location on the map."
+            buttons={[
+                { text: "View on Map", href: "https://maps.google.com" },
+                { text: "Call Now", href: "tel:+910000000000" },
+            ]}
+        />
+        <FooterLogoReveal
+            logoText="NBC"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,7 +34,8 @@ export default function LandingPage() {
        { name: "Menu", id: "menu" },
        { name: "Experience", id: "experience" },
        { name: "Reviews", id: "testimonials" },
-        { name: "Find Us", id: "location" },
+        { name: "Find Us", id: "/location" },
+        { name: "Contact Us", id: "/contact-us" },
      ]}
      brandName="NBC"
      button={{ text: "Order Now", href: "#" }}