Update src/app/our-story/page.tsx

Merge version_2 into main

src/app/careers/page.tsx

@@ -0,0 +1,47 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import FooterBase from "@/components/sections/footer/FooterBase";
+
+export default function CareersPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="Epicure Buffet"
+            navItems={[
+              { name: "Menu", id: "/ #menu" },
+              { name: "Pricing", id: "/ #pricing" },
+              { name: "Our Story", id: "/our-story" },
+              { name: "Careers", id: "/careers" },
+              { name: "Contact Us", id: "/contact-us" },
+            ]}
+            button={{ text: "Book Now", href: "/ #contact" }}
+          />
+        </div>
+        <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto min-h-screen">
+          <h1 className="text-5xl font-bold mb-8">Careers</h1>
+          <p className="text-lg mb-6">Join our team of passionate culinary enthusiasts. We're always looking for talented individuals who value fresh, quality ingredients and exceptional customer service.</p>
+          <h2 className="text-2xl font-semibold mt-10 mb-4">Open Positions</h2>
+          <ul className="list-disc pl-6 space-y-2">
+            <li>Line Cook</li>
+            <li>Front of House Manager</li>
+            <li>Server Assistant</li>
+          </ul>
+        </div>
+        <FooterBase
+          logoText="Epicure Buffet"
+          copyrightText="© 2026 | Epicure Buffet"
+          columns={[
+            { title: "Dining", items: [{ label: "Lunch Menu", href: "/ #menu" }, { label: "Dinner Menu", href: "/ #menu" }] },
+            { title: "Company", items: [{ label: "Our Story", href: "/our-story" }, { label: "Careers", href: "/careers" }] },
+            { title: "Support", items: [{ label: "Reservations", href: "/ #contact" }, { label: "Contact Us", href: "/contact-us" }] },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact-us/page.tsx

@@ -0,0 +1,47 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterBase from "@/components/sections/footer/FooterBase";
+
+export default function ContactUsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="Epicure Buffet"
+            navItems={[
+              { name: "Menu", id: "/ #menu" },
+              { name: "Pricing", id: "/ #pricing" },
+              { name: "Our Story", id: "/our-story" },
+              { name: "Careers", id: "/careers" },
+              { name: "Contact Us", id: "/contact-us" },
+            ]}
+            button={{ text: "Book Now", href: "/ #contact" }}
+          />
+        </div>
+        <div className="pt-32 pb-20" id="contact" data-section="contact">
+            <ContactSplitForm
+                title="Get in Touch"
+                description="Have a special request or a question about your upcoming reservation? Let us know."
+                inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Your Email", required: true }]} 
+                textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
+                useInvertedBackground={false}
+            />
+        </div>
+        <FooterBase
+          logoText="Epicure Buffet"
+          copyrightText="© 2026 | Epicure Buffet"
+          columns={[
+            { title: "Dining", items: [{ label: "Lunch Menu", href: "/ #menu" }, { label: "Dinner Menu", href: "/ #menu" }] },
+            { title: "Company", items: [{ label: "Our Story", href: "/our-story" }, { label: "Careers", href: "/careers" }] },
+            { title: "Support", items: [{ label: "Reservations", href: "/ #contact" }, { label: "Contact Us", href: "/contact-us" }] },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/our-story/page.tsx

@@ -0,0 +1,42 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import FooterBase from "@/components/sections/footer/FooterBase";
+
+export default function OurStoryPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="Epicure Buffet"
+            navItems={[
+              { name: "Menu", id: "/ #menu" },
+              { name: "Pricing", id: "/ #pricing" },
+              { name: "Our Story", id: "/our-story" },
+              { name: "Careers", id: "/careers" },
+              { name: "Contact Us", id: "/contact-us" },
+            ]}
+            button={{ text: "Book Now", href: "/ #contact" }}
+          />
+        </div>
+        <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto min-h-screen">
+          <h1 className="text-5xl font-bold mb-8">Our Story</h1>
+          <p className="text-lg mb-6 leading-relaxed">Founded in 2015, Epicure Buffet began with a single vision: to transform the way people experience all-you-can-eat dining. We believed that quality shouldn't be sacrificed for variety.</p>
+          <p className="text-lg leading-relaxed">Today, we source our ingredients from local farmers and premium global suppliers to bring you a dining experience that feels both indulgent and fresh.</p>
+        </div>
+        <FooterBase
+          logoText="Epicure Buffet"
+          copyrightText="© 2026 | Epicure Buffet"
+          columns={[
+            { title: "Dining", items: [{ label: "Lunch Menu", href: "/ #menu" }, { label: "Dinner Menu", href: "/ #menu" }] },
+            { title: "Company", items: [{ label: "Our Story", href: "/our-story" }, { label: "Careers", href: "/careers" }] },
+            { title: "Support", items: [{ label: "Reservations", href: "/ #contact" }, { label: "Contact Us", href: "/contact-us" }] },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -7,14 +7,12 @@ import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleC
 import FeatureBento from "@/components/sections/feature/FeatureBento";
 import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
 import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
-import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
 import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
-import TeamCardFive from "@/components/sections/team/TeamCardFive";
+import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
 import FaqBase from "@/components/sections/faq/FaqBase";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
+import { Sparkles, Utensils, Award, Star, Smile } from "lucide-react";
-import { Sparkles, Utensils, Award, Users, TrendingUp, Shield, Clock, Smile, CheckCircle, XCircle, Star, Calendar } from "lucide-react";
 
 export default function BuffetPage() {
   return (
@@ -36,8 +34,9 @@ export default function BuffetPage() {
           navItems={[
             { name: "Menu", id: "menu" },
             { name: "Pricing", id: "pricing" },
-            { name: "Experience", id: "about" },
+            { name: "Our Story", id: "/our-story" },
-            { name: "Reserve", id: "contact" },
+            { name: "Careers", id: "/careers" },
+            { name: "Contact Us", id: "/contact-us" },
           ]}
           button={{ text: "Book Now", href: "#contact" }}
         />
@@ -160,8 +159,8 @@ export default function BuffetPage() {
           copyrightText="© 2026 | Epicure Buffet"
           columns={[
             { title: "Dining", items: [{ label: "Lunch Menu", href: "#" }, { label: "Dinner Menu", href: "#" }] },
-            { title: "Company", items: [{ label: "Our Story", href: "#" }, { label: "Careers", href: "#" }] },
+            { title: "Company", items: [{ label: "Our Story", href: "/our-story" }, { label: "Careers", href: "/careers" }] },
-            { title: "Support", items: [{ label: "Reservations", href: "#" }, { label: "Contact Us", href: "#" }] },
+            { title: "Support", items: [{ label: "Reservations", href: "#contact" }, { label: "Contact Us", href: "/contact-us" }] },
           ]}
         />
       </ReactLenis>