2026-05-21 01:44:42 +00:00
6 changed files with 215 additions and 49 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/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 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"
+          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"
+          columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/faq/page.tsx
+++ b/src/app/faq/page.tsx
@@ -0,0 +1,49 @@
+"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 contentWidth="compact" sizing="largeSmall">
+      <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"
+        />
+        <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
+            imageSrc="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"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/features/page.tsx
+++ b/src/app/features/page.tsx
@@ -0,0 +1,50 @@
+"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."
+          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"
+          columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -24,6 +24,8 @@ export default function MenuPage() {
        <NavbarLayoutFloatingInline
          navItems={[
            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Features", id: "/features" },
            { name: "Menu", id: "/menu" },
          ]}
          brandName="Tee's Donuts"
@@ -51,7 +53,6 @@ export default function MenuPage() {

        <FooterMedia
          logoText="Tee's Donuts"
-          videoSrc="https://www.w3schools.com/howto/mov_bbb.mp4"
          columns={[{ title: "Menu", items: [{ label: "Home", href: "/" }] }]}
        />
      </ReactLenis>
--- a/src/app/page.tsx
+++ b/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';
@@ -33,8 +33,8 @@ export default function LandingPage() {
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Menu", id: "/menu" },
-        { name: "Testimonials", id: "testimonials" },
-        { name: "Contact", id: "contact" },
+        { name: "Testimonials", id: "/testimonials" },
+        { name: "FAQ", id: "/faq" },
      ]}
      brandName="Tee's Donuts"
      button={{ text: "Order Now", href: "/menu" }}
@@ -115,50 +115,14 @@ export default function LandingPage() {
    />
  </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" }]}
+        className="bg-gray-50"
+      />
  </div>

  <div id="footer" data-section="footer">
@@ -176,4 +140,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/testimonials/page.tsx
+++ b/src/app/testimonials/page.tsx
@@ -0,0 +1,49 @@
+"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 contentWidth="compact" sizing="largeSmall">
+      <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"
+        />
+        <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
+            imageSrc="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"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}