Merge version_2 into main

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,92 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import TeamCardTen from '@/components/sections/team/TeamCardTen';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Heart, Users, MapPin } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="largeSmallSizeMediumTitles"
+        background="grid"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Farmers Café"
+          />
+        </div>
+        
+        <div id="split-about" data-section="split-about">
+            <SplitAbout
+                title="Our Family Story"
+                description="Founded in 1985, Farmers Café began as a small roadside stop with a simple goal: serving honest, comforting meals to those on the journey. Over decades, we've remained true to our roots."
+                textboxLayout="split"
+                bulletPoints={[
+                    { title: "Local Sourcing", description: "Partnering with farmers in the valley for freshest ingredients.", icon: Heart },
+                    { title: "Community Roots", description: "Building a space where locals and travelers connect.", icon: Users },
+                    { title: "Comfort First", description: "Creating an atmosphere that feels like home, every single day.", icon: MapPin },
+                ]}
+                imageSrc="http://img.b2bpic.net/free-photo/cozy-rustic-cafe-interior_1234.jpg"
+                mediaAnimation="slide-up"
+                useInvertedBackground={false}
+            />
+        </div>
+
+        <div id="team-section" data-section="team-section">
+            <TeamCardTen 
+                title="Meet Our People"
+                membersAnimation="slide-up"
+                memberVariant="card"
+                members={[
+                    { id: "1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/chef-smiling_1.jpg" },
+                    { id: "2", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/server-happy_2.jpg" },
+                    { id: "3", name: "Robert Brown", imageSrc: "http://img.b2bpic.net/free-photo/manager-friendly_3.jpg" }
+                ]}
+                tag="Team"
+                useInvertedBackground={false}
+            />
+        </div>
+
+        <div id="contact-cta" data-section="contact-cta">
+            <ContactCTA 
+                tag="Visit Us"
+                title="Hungry for Comfort?"
+                description="Stop by for a warm welcome and hearty meal today."
+                buttons={[{ text: "Get Directions", href: "/" }]}
+                background={{ variant: "sparkles-gradient" }}
+                useInvertedBackground={false}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBaseCard
+              logoText="Farmers Café"
+              columns={[
+                { title: "Menu", items: [{ label: "Breakfast", href: "/" }, { label: "Lunch", href: "/" }] },
+                { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
+              ]}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/menu/page.tsx

@@ -0,0 +1,66 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="largeSmallSizeMediumTitles"
+        background="grid"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Menu", id: "/menu" },
+            { name: "About", id: "/#features" },
+            { name: "Directions", id: "/#contact" },
+          ]}
+          brandName="Farmers Café"
+        />
+
+        <div className="pt-32 pb-20">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            title="Our Full Menu"
+            description="Authentic, farm-fresh ingredients prepared with care."
+            products={[
+              { id: "b1", name: "Farmhouse Omelet", price: "$14.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-omelets-with-greens-dark-pan-sackcloth-high-quality-photo_114579-69035.jpg?_wi=1" },
+              { id: "b2", name: "Country French Toast", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/pancakes-with-blueberry_1339-4376.jpg?_wi=1" },
+              { id: "b3", name: "Steak & Eggs Platter", price: "$18.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-omelets-with-greens-dark-pan-sackcloth-high-quality-photo_114579-69035.jpg?_wi=2" },
+              { id: "l1", name: "Classic Reuben", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pumpkin-soup-cream-textured-dish-white_140725-104494.jpg?_wi=1" },
+              { id: "l2", name: "Double Farm Burger", price: "$16.50", imageSrc: "http://img.b2bpic.net/free-photo/pancakes-with-blueberry_1339-4376.jpg?_wi=2" },
+              { id: "l3", name: "Garden Harvest Salad", price: "$11.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pumpkin-soup-cream-textured-dish-white_140725-104494.jpg?_wi=2" },
+              { id: "s1", name: "Homemade Soup Bowl", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pumpkin-soup-cream-textured-dish-white_140725-104494.jpg?_wi=3" },
+              { id: "s2", name: "Side Of Bacon", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-omelets-with-greens-dark-pan-sackcloth-high-quality-photo_114579-69035.jpg?_wi=3" }
+            ]}
+          />
+        </div>
+
+        <FooterBaseCard
+          logoText="Farmers Café"
+          columns={[
+            { title: "Menu", items: [{ label: "Breakfast", href: "/menu" }, { label: "Lunch", href: "/menu" }, { label: "Sides", href: "/menu" }] },
+            { title: "Company", items: [{ label: "Home", href: "/" }, { label: "About", href: "/#features" }, { label: "Contact", href: "/#contact" }] }
+          ]}
+          copyrightText="© 2025 Farmers Café. Proudly serving our community."
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -29,22 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "About",
-          id: "experience",
-        },
-        {
-          name: "Directions",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Menu", id: "menu" },
+        { name: "About", id: "/about" },
+        { name: "Directions", id: "contact" },
       ]}
       brandName="Farmers Café"
     />
@@ -53,63 +41,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Home-Cooked Comfort Worth the Stop"
       description="Big portions. Friendly faces. A place where everyone feels like family."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg",
-          alt: "Local guest",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg",
-          alt: "Local guest",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg",
-          alt: "Local guest",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg",
-          alt: "Local guest",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg",
-          alt: "Local guest",
-        },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg", alt: "Local guest" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg", alt: "Local guest" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg", alt: "Local guest" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg", alt: "Local guest" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg", alt: "Local guest" },
       ]}
       buttons={[
-        {
-          text: "View Menu",
-          href: "#menu",
-        },
-        {
-          text: "Get Directions",
-          href: "#contact",
-        },
+        { text: "View Menu", href: "#menu" },
+        { text: "Get Directions", href: "#contact" },
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Open Daily 7am - 8pm",
-        },
-        {
-          type: "text",
-          text: "Fresh Coffee",
-        },
-        {
-          type: "text",
-          text: "Locally Sourced",
-        },
-        {
-          type: "text",
-          text: "Free Parking",
-        },
-        {
-          type: "text",
-          text: "Breakfast All Day",
-        },
+        { type: "text", text: "Open Daily 7am - 8pm" },
+        { type: "text", text: "Fresh Coffee" },
+        { type: "text", text: "Locally Sourced" },
+        { type: "text", text: "Free Parking" },
+        { type: "text", text: "Breakfast All Day" },
       ]}
     />
   </div>
@@ -119,14 +70,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "TripAdvisor",
-        "Google Reviews",
-        "Yelp",
-        "Local Guide",
-        "Foodie Network",
-        "Community Choice",
-        "Traveler's Digest",
-      ]}
+        "TripAdvisor",        "Google Reviews",        "Yelp",        "Local Guide",        "Foodie Network",        "Community Choice",        "Traveler's Digest"]}
       title="Locally Loved"
       description="Rated 4.4 stars from over 600 happy guests."
     />
@@ -138,21 +82,9 @@ export default function LandingPage() {
       title="Real Food, Done Right"
       description="Farmers Café is where people come together, from road trips to family dinners."
       accordionItems={[
-        {
-          id: "f1",
-          title: "Hearty Classics",
-          content: "Homemade soups, fresh salad bar, and classic comfort meals served daily.",
-        },
-        {
-          id: "f2",
-          title: "Family Friendly",
-          content: "Big kids menu and a warm atmosphere where everyone feels welcome at the table.",
-        },
-        {
-          id: "f3",
-          title: "Built for Travelers",
-          content: "Easy access, plenty of parking, and fast service to keep your road trip moving.",
-        },
+        { id: "f1", title: "Hearty Classics", content: "Homemade soups, fresh salad bar, and classic comfort meals served daily." },
+        { id: "f2", title: "Family Friendly", content: "Big kids menu and a warm atmosphere where everyone feels welcome at the table." },
+        { id: "f3", title: "Built for Travelers", content: "Easy access, plenty of parking, and fast service to keep your road trip moving." },
       ]}
       mediaAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/old-chairs-table-small-street-cafe-istanbul-cat-sits-near-cafe_628469-69.jpg"
@@ -167,42 +99,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "French Toast Platter",
-          price: "$12.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-omelets-with-greens-dark-pan-sackcloth-high-quality-photo_114579-69035.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Farm Omelets",
-          price: "$14.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-omelets-with-greens-dark-pan-sackcloth-high-quality-photo_114579-69035.jpg?_wi=2",
-        },
-        {
-          id: "p3",
-          name: "Classic Reuben",
-          price: "$15.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pumpkin-soup-cream-textured-dish-white_140725-104494.jpg?_wi=1",
-        },
-        {
-          id: "p4",
-          name: "Farmhouse Burger",
-          price: "$16.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/pancakes-with-blueberry_1339-4376.jpg?_wi=1",
-        },
-        {
-          id: "p5",
-          name: "Homemade Soup",
-          price: "$8.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pumpkin-soup-cream-textured-dish-white_140725-104494.jpg?_wi=2",
-        },
-        {
-          id: "p6",
-          name: "Fresh Garden Salad",
-          price: "$11.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/pancakes-with-blueberry_1339-4376.jpg?_wi=2",
-        },
+        { id: "p1", name: "French Toast Platter", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-omelets-with-greens-dark-pan-sackcloth-high-quality-photo_114579-69035.jpg?_wi=1" },
+        { id: "p2", name: "Farm Omelets", price: "$14.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-omelets-with-greens-dark-pan-sackcloth-high-quality-photo_114579-69035.jpg?_wi=2" },
+        { id: "p3", name: "Classic Reuben", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pumpkin-soup-cream-textured-dish-white_140725-104494.jpg?_wi=1" },
+        { id: "p4", name: "Farmhouse Burger", price: "$16.50", imageSrc: "http://img.b2bpic.net/free-photo/pancakes-with-blueberry_1339-4376.jpg?_wi=1" },
+        { id: "p5", name: "Homemade Soup", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pumpkin-soup-cream-textured-dish-white_140725-104494.jpg?_wi=2" },
+        { id: "p6", name: "Fresh Garden Salad", price: "$11.50", imageSrc: "http://img.b2bpic.net/free-photo/pancakes-with-blueberry_1339-4376.jpg?_wi=2" },
       ]}
       title="Signature Menu"
       description="From farm-fresh breakfasts to comforting classics."
@@ -214,46 +116,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          title: "Worth the stop",
-          quote: "We were VERY happy we stopped. Everything—from the service to the food—was first rate.",
-          name: "Sarah J.",
-          role: "Traveler",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg?_wi=1",
-        },
-        {
-          id: "t2",
-          title: "Family Friendly",
-          quote: "Immediately greeted. Everyone felt happy to be there. Perfect for our family road trip.",
-          name: "Michael C.",
-          role: "Local",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg?_wi=2",
-        },
-        {
-          id: "t3",
-          title: "Loved it!",
-          quote: "The salad bar was fantastic and the portions are huge. Friendly staff too.",
-          name: "Emily R.",
-          role: "Foodie",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg?_wi=3",
-        },
-        {
-          id: "t4",
-          title: "Best breakfast",
-          quote: "Real food, real people, real comfort. My new favorite breakfast spot.",
-          name: "David K.",
-          role: "Traveler",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg?_wi=4",
-        },
-        {
-          id: "t5",
-          title: "Highly recommended",
-          quote: "The atmosphere is so relaxed and welcoming. Can't beat the service.",
-          name: "Jane D.",
-          role: "Trucker",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg?_wi=5",
-        },
+        { id: "t1", title: "Worth the stop", quote: "We were VERY happy we stopped. Everything—from the service to the food—was first rate.", name: "Sarah J.", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg?_wi=1" },
+        { id: "t2", title: "Family Friendly", quote: "Immediately greeted. Everyone felt happy to be there. Perfect for our family road trip.", name: "Michael C.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg?_wi=2" },
+        { id: "t3", title: "Loved it!", quote: "The salad bar was fantastic and the portions are huge. Friendly staff too.", name: "Emily R.", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg?_wi=3" },
+        { id: "t4", title: "Best breakfast", quote: "Real food, real people, real comfort. My new favorite breakfast spot.", name: "David K.", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg?_wi=4" },
+        { id: "t5", title: "Highly recommended", quote: "The atmosphere is so relaxed and welcoming. Can't beat the service.", name: "Jane D.", role: "Trucker", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-driving-truck_23-2151581795.jpg?_wi=5" },
       ]}
       title="What Our Guests Say"
       description="Hear from our community of travelers and locals."
@@ -263,9 +130,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Visit Us Today"
       title="Worth the Stop"
       description="Easy to find. Free parking. Dine-in comfort."
@@ -276,40 +141,8 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Farmers Café"
       columns={[
-        {
-          title: "Menu",
-          items: [
-            {
-              label: "Breakfast",
-              href: "#menu",
-            },
-            {
-              label: "Lunch",
-              href: "#menu",
-            },
-            {
-              label: "Salads",
-              href: "#menu",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#experience",
-            },
-            {
-              label: "Directions",
-              href: "#contact",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
+        { title: "Menu", items: [{ label: "Breakfast", href: "#menu" }, { label: "Lunch", href: "#menu" }, { label: "Salads", href: "#menu" }] },
+        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Directions", href: "#contact" }, { label: "Contact", href: "#contact" }] },
       ]}
       copyrightText="© 2025 Farmers Café. Proudly serving our community."
     />

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #F7F2E8;
-  --card: #FFFFFF;
-  --foreground: #1F3D2B;
-  --primary-cta: #7A4E2D;
+  --background: #fbfbfb;
+  --card: #ffffff;
+  --foreground: #1a1a1a;
+  --primary-cta: #2b2b2b;
   --primary-cta-text: #FFFFFF;
-  --secondary-cta: #C8A96A;
+  --secondary-cta: #f1f1f1;
   --secondary-cta-text: #FFFFFF;
-  --accent: #2B2B2B;
-  --background-accent: #E8E0D1;
+  --accent: #c8a96a;
+  --background-accent: #f4ede0;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);