Update src/app/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,55 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function AboutPage() {
+  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>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Features", id: "/features" },
+            { name: "Menu", id: "/menu" },
+          ]}
+          brandName="Tee's Donuts"
+          button={{ text: "Home", href: "/" }}
+        />
+        <SplitAbout
+          textboxLayout="split"
+          useInvertedBackground={false}
+          title="A Community Staple"
+          description="Family-run and community-focused. For years, we've provided Long Beach with the most authentic, handmade breakfast experience. From our family to yours, we believe in fresh, affordable, and quality food."
+          tag="Our Story"
+          bulletPoints={[
+            { title: "Freshly Made", description: "Donuts baked daily, never frozen or artificial." },
+            { title: "Real Ingredients", description: "Fruit smoothies made with real fruit and milk." },
+            { title: "Hearty Sandwiches", description: "Ham, egg, and cheese croissants made to order." }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-shopping-food_23-2149187367.jpg"
+        />
+        <FooterMedia
+          logoText="Tee's Donuts"
+          videoSrc="http://img.b2bpic.net/free-photo/donuts-coffee-copy-space_23-2148332772.jpg"
+          columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/faq/page.tsx

@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function FaqPage() {
+  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>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Menu", id: "/menu" },
+            { name: "Testimonials", id: "/testimonials" },
+            { name: "FAQ", id: "/faq" },
+          ]}
+          brandName="Tee's Donuts"
+          button={{ text: "Home", href: "/" }}
+        />
+        <div className="pt-32 pb-20">
+            <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+                { id: "1", title: "Do you accept card payments?", content: "Yes! We accept cash, credit cards, and Apple Pay." },
+                { id: "2", title: "What time do you open?", content: "We open daily at 5:00 AM to get you started on your day." },
+                { id: "3", title: "Do you offer take-out?", content: "Absolutely! We offer quick and easy take-out service." }
+            ]}
+            sideTitle="Frequently Asked"
+            sideDescription="Everything you need to know about our shop."
+            faqsAnimation="slide-up"
+            />
+        </div>
+        <FooterMedia
+            videoSrc="http://img.b2bpic.net/free-photo/donuts-coffee-copy-space_23-2148332772.jpg"
+            logoText="Tee's Donuts"
+            columns={[
+                { title: "Hours", items: [{ label: "Mon-Sun: 5AM - 7:30PM", href: "#" }] },
+                { title: "Location", items: [{ label: "325 E Anaheim St, Long Beach", href: "#" }] }
+            ]}
+            copyrightText="© 2025 Tee's Donuts. All rights reserved."
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/features/page.tsx

@@ -0,0 +1,53 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function FeaturesPage() {
+  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>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Features", id: "/features" },
+            { name: "Menu", id: "/menu" },
+          ]}
+          brandName="Tee's Donuts"
+          button={{ text: "Home", href: "/" }}
+        />
+        <FeatureCardSix
+          title="Why Neighbors Love Us"
+          description="See why our customers keep coming back for more than just a quick bite."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            { title: "Unmatched Freshness", description: "Everything from our Telera bread to our donuts is crafted daily.", imageSrc: "http://img.b2bpic.net/free-photo/bitten-egg-sandwich-plate_53876-63372.jpg" },
+            { title: "Affordable Quality", description: "Delicious, hearty meals that won't break your bank account.", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-frappe_1339-2405.jpg" },
+            { title: "Amazing Service", description: "The owners truly care about every customer who walks through our door.", imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623390.jpg" }
+          ]}
+        />
+        <FooterMedia
+          logoText="Tee's Donuts"
+          videoSrc="http://img.b2bpic.net/free-photo/donuts-coffee-copy-space_23-2148332772.jpg"
+          columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/menu/page.tsx

@@ -0,0 +1,62 @@
+"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 FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function MenuPage() {
+  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>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Features", id: "/features" },
+            { name: "Menu", id: "/menu" },
+          ]}
+          brandName="Tee's Donuts"
+          button={{ text: "Home", href: "/" }}
+        />
+        
+        <div id="products" className="py-20">
+          <ProductCardOne
+            title="Our Full Menu"
+            description="Discover our complete selection of freshly baked goods and drinks."
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+              { id: "ice-1", name: "Blended Mocha Frappe", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-frappe_1339-2405.jpg" },
+              { id: "ice-2", name: "Blended Oreo Shake", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-glass-coffee-with-cream_23-2148349613.jpg" },
+              { id: "fruit-1", name: "Strawberry Banana Smoothie", price: "$6.70", imageSrc: "http://img.b2bpic.net/free-photo/blackcurrant-confiture-white-saucer-with-glass-juice-around_114579-23333.jpg" },
+              { id: "sand-1", name: "Egg & Cheese Croissant", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/fresh-sandwiches-arrangement-white-background_23-2148617389.jpg" },
+              { id: "sand-2", name: "Roast Beef Telera", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-burger-composition_23-2148868213.jpg" },
+              { id: "extra-1", name: "Extra Hash Browns", price: "$2.50", imageSrc: "http://img.b2bpic.net/free-photo/bitten-egg-sandwich-plate_53876-63372.jpg" }
+            ]}
+          />
+        </div>
+
+        <FooterMedia
+          logoText="Tee's Donuts"
+          videoSrc="http://img.b2bpic.net/free-photo/donuts-coffee-copy-space_23-2148332772.jpg"
+          columns={[{ title: "Menu", items: [{ label: "Home", href: "/" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
@@ -32,28 +32,28 @@ export default function LandingPage() {
       navItems={[
         { name: "Home", id: "hero" },
         { name: "About", id: "about" },
-        { name: "Menu", id: "products" },
-        { name: "Testimonials", id: "testimonials" },
-        { name: "Contact", id: "contact" },
+        { name: "Menu", id: "/menu" },
+        { name: "Testimonials", id: "/testimonials" },
+        { name: "FAQ", id: "/faq" },
       ]}
       brandName="Tee's Donuts"
-      button={{ text: "Order Now", href: "#products" }}
+      button={{ text: "Order Now", href: "/menu" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{ variant: "plain" }}
       title="Fresh Donuts, Real Fruit, Warm Hearts."
       description="Your neighborhood staple in Long Beach. Freshly baked donuts, savory breakfast sandwiches, and real-fruit smoothies served with a smile every morning."
       tag="Since 1990"
+      background={{ variant: "plain" }}
       mediaItems={[
         { imageSrc: "http://img.b2bpic.net/free-photo/assorted-donuts-coffee-copy-space_23-2148332745.jpg", imageAlt: "Fresh glazed donuts on display case" },
         { imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-kiwi-drink_23-2148677578.jpg", imageAlt: "Real fruit strawberry banana smoothie" }
       ]}
-      mediaAnimation="slide-up"
       rating={5}
       ratingText="4.2 rating from 78 happy locals"
+      buttons={[{ text: "Order Now", href: "/menu" }]}
     />
   </div>
 
@@ -70,8 +70,6 @@ export default function LandingPage() {
         { title: "Hearty Sandwiches", description: "Ham, egg, and cheese croissants made to order." }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-shopping-food_23-2149187367.jpg"
-      imageAlt="Cozy local donut shop interior"
-      mediaAnimation="slide-up"
     />
   </div>
 
@@ -81,13 +79,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Unmatched Freshness",          description: "Everything from our Telera bread to our donuts is crafted daily.",          imageSrc: "http://img.b2bpic.net/free-photo/bitten-egg-sandwich-plate_53876-63372.jpg",          imageAlt: "Breakfast croissant sandwich egg cheese"
+          title: "Unmatched Freshness", description: "Everything from our Telera bread to our donuts is crafted daily.", imageSrc: "http://img.b2bpic.net/free-photo/bitten-egg-sandwich-plate_53876-63372.jpg"
         },
         {
-          title: "Affordable Quality",          description: "Delicious, hearty meals that won't break your bank account.",          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-frappe_1339-2405.jpg",          imageAlt: "Mocha frappe whipped cream"
+          title: "Affordable Quality", description: "Delicious, hearty meals that won't break your bank account.", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-frappe_1339-2405.jpg"
         },
         {
-          title: "Amazing Service",          description: "The owners truly care about every customer who walks through our door.",          imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623390.jpg",          imageAlt: "Happy customer portrait"
+          title: "Amazing Service", description: "The owners truly care about every customer who walks through our door.", imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623390.jpg"
         }
       ]}
       title="Why Neighbors Love Us"
@@ -102,74 +100,38 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        { id: "1", name: "Glazed Donut", price: "$1.50", imageSrc: "http://img.b2bpic.net/free-photo/sweet-dessert-with-many-donut_74190-7200.jpg", imageAlt: "Classic glazed donut macro shot" },
-        { id: "2", name: "Blueberry Glaze Donut", price: "$1.75", imageSrc: "http://img.b2bpic.net/free-photo/blueberry-cheesecake-bars-with-honey-fresh-berries_114579-19463.jpg", imageAlt: "Blueberry glaze donut gourmet" },
-        { id: "3", name: "Sausage, Egg & Cheese Croissant", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-sandwiches-arrangement-white-background_23-2148617389.jpg", imageAlt: "Breakfast croissant sandwich egg cheese" },
-        { id: "4", name: "Strawberry Banana Smoothie", price: "$6.70", imageSrc: "http://img.b2bpic.net/free-photo/blackcurrant-confiture-white-saucer-with-glass-juice-around_114579-23333.jpg", imageAlt: "Real fruit strawberry banana smoothie" },
-        { id: "5", name: "Mocha Frappe", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-glass-coffee-with-cream_23-2148349613.jpg", imageAlt: "Mocha frappe whipped cream" },
-        { id: "6", name: "Roast Beef Telera Sandwich", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-burger-composition_23-2148868213.jpg", imageAlt: "Roast beef telera sandwich avocado" }
+        { id: "1", name: "Glazed Donut", price: "$1.50", imageSrc: "http://img.b2bpic.net/free-photo/sweet-dessert-with-many-donut_74190-7200.jpg" },
+        { id: "2", name: "Blueberry Glaze Donut", price: "$1.75", imageSrc: "http://img.b2bpic.net/free-photo/blueberry-cheesecake-bars-with-honey-fresh-berries_114579-19463.jpg" },
+        { id: "3", name: "Sausage, Egg & Cheese Croissant", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-sandwiches-arrangement-white-background_23-2148617389.jpg" },
+        { id: "4", name: "Strawberry Banana Smoothie", price: "$6.70", imageSrc: "http://img.b2bpic.net/free-photo/blackcurrant-confiture-white-saucer-with-glass-juice-around_114579-23333.jpg" },
+        { id: "5", name: "Mocha Frappe", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-glass-coffee-with-cream_23-2148349613.jpg" },
+        { id: "6", name: "Roast Beef Telera Sandwich", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-burger-composition_23-2148868213.jpg" }
       ]}
       title="Our Menu Favorites"
       description="Classic treats, savory sandwiches, and refreshing smoothies."
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="Tee's is a staple in the community. Their breakfast sandwiches are delicious and so affordable. It has that authentic, mom-and-pop vibe you just don't find anymore."
-      rating={5}
-      author="Hazel G."
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/attractive-female-has-happy-expression-enjoys-morning-coffee-with-sweet-delicious-croissants-chocolate_273609-8895.jpg", alt: "Hazel G." },
-        { src: "http://img.b2bpic.net/free-photo/unpleased-young-female-cook-wearing-chef-uniform-holding-looking-batch-eggs-with-copy-space_141793-38226.jpg", alt: "Sophie D." },
-        { src: "http://img.b2bpic.net/free-vector/colorful-isometric-buildings-pattern_23-2147524939.jpg", alt: "Vinny S." },
-        { src: "http://img.b2bpic.net/free-photo/smiling-black-man-standing-wall_181624-23159.jpg", alt: "Lance E." },
-        { src: "http://img.b2bpic.net/free-photo/image-cheerful-woman-smiling-with-close-eyes-holding-cup_197531-33944.jpg", alt: "Jimmy T." }
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        { id: "1", title: "Do you accept card payments?", content: "Yes! We accept cash, credit cards, and Apple Pay." },
-        { id: "2", title: "What time do you open?", content: "We open daily at 5:00 AM to get you started on your day." },
-        { id: "3", title: "Do you offer take-out?", content: "Absolutely! We offer quick and easy take-out service." }
-      ]}
-      sideTitle="Frequently Asked"
-      sideDescription="Everything you need to know about our shop."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      tag="Visit Us"
-      title="See You Soon!"
-      description="325 E Anaheim St, Ste A, Long Beach, CA. Stop by for your morning treat!"
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-amusement-park_23-2147919057.jpg"
-      mediaAnimation="slide-up"
-      mediaPosition="right"
-      imageAlt="Local bakery storefront day"
-    />
+  <div id="newsletter" data-section="newsletter">
+      <ContactCTA 
+        tag="Join Our List"
+        title="Get Weekly Specials"
+        description="Sign up for our newsletter to get exclusive deals and the latest donut updates straight to your inbox."
+        buttons={[{ text: "Sign Up" }]}
+        background={{ variant: "plain" }}
+        useInvertedBackground={false}
+      />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/donuts-coffee-copy-space_23-2148332772.jpg"
+      videoSrc="http://img.b2bpic.net/free-photo/donuts-coffee-copy-space_23-2148332772.jpg"
       logoText="Tee's Donuts"
       columns={[
         { title: "Hours", items: [{ label: "Mon-Sun: 5AM - 7:30PM", href: "#" }] },
         { title: "Location", items: [{ label: "325 E Anaheim St, Long Beach", href: "#" }] }
       ]}
       copyrightText="© 2025 Tee's Donuts. All rights reserved."
-      imageAlt="Fresh glazed donuts on display case"
     />
   </div>
       </ReactLenis>

src/app/testimonials/page.tsx

@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function TestimonialsPage() {
+  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>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Menu", id: "/menu" },
+            { name: "Testimonials", id: "/testimonials" },
+            { name: "FAQ", id: "/faq" },
+          ]}
+          brandName="Tee's Donuts"
+          button={{ text: "Home", href: "/" }}
+        />
+        <div className="pt-32 pb-20">
+            <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="Tee's is a staple in the community. Their breakfast sandwiches are delicious and so affordable. It has that authentic, mom-and-pop vibe you just don't find anymore."
+            rating={5}
+            author="Hazel G."
+            avatars={[
+                { src: "http://img.b2bpic.net/free-photo/attractive-female-has-happy-expression-enjoys-morning-coffee-with-sweet-delicious-croissants-chocolate_273609-8895.jpg", alt: "Hazel G." }
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+            />
+        </div>
+        <FooterMedia
+            videoSrc="http://img.b2bpic.net/free-photo/donuts-coffee-copy-space_23-2148332772.jpg"
+            logoText="Tee's Donuts"
+            columns={[
+                { title: "Hours", items: [{ label: "Mon-Sun: 5AM - 7:30PM", href: "#" }] },
+                { title: "Location", items: [{ label: "325 E Anaheim St, Long Beach", href: "#" }] }
+            ]}
+            copyrightText="© 2025 Tee's Donuts. All rights reserved."
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}