diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3ea7ec9..978a57b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,119 +26,119 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Menu", id: "/menu" },
-        { name: "Order Online", id: "/order" },
-        { name: "About", id: "/about" },
-        { name: "Visit Us", id: "/visit" },
-      ]}
-      brandName="The Coffee Garden"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Menu", id: "/menu" },
+              { name: "Order Online", id: "/order" },
+              { name: "About", id: "/about" },
+              { name: "Visit Us", id: "/visit" },
+            ]}
+            brandName="The Coffee Garden"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{ variant: "plain" }}
-      title="Welcome to The Coffee Garden"
-      description="Your cozy neighborhood spot for specialty coffee, fresh pastries, and community vibes in every cup."
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/coffee-shop-cafe-restaurant-bistro-freshness-concept_53876-41421.jpg", alt: "warm rustic cafe interior plants" },
-        { src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6420.jpg", alt: "table set on dinning table" },
-        { src: "http://img.b2bpic.net/free-photo/empty-chair-restaurant_1339-5437.jpg", alt: "empty chair in restaurant" },
-        { src: "http://img.b2bpic.net/free-photo/high-angle-shot-tea-set-table-with-chairs_181624-5522.jpg", alt: "High angle shot of a tea set on a table with chairs" },
-        { src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg", alt: "table set on dinning table" },
-      ]}
-      buttons={[
-        { text: "Order Online", href: "https://the-coffee-garden.square.site/" },
-        { text: "View Menu", href: "/menu" },
-      ]}
-      marqueeItems={[
-        { type: "text", text: "Freshly Roasted Coffee" },
-        { type: "text", text: "Artisan Pastries" },
-        { type: "text", text: "Garden Oasis" },
-        { type: "text", text: "Locally Owned" },
-        { type: "text", text: "Community First" },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            background={{ variant: "plain" }}
+            title="Welcome to The Coffee Garden"
+            description="Your cozy neighborhood spot for specialty coffee, fresh pastries, and community vibes in every cup."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/coffee-shop-cafe-restaurant-bistro-freshness-concept_53876-41421.jpg", alt: "warm rustic cafe interior plants" },
+              { src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6420.jpg", alt: "table set on dinning table" },
+              { src: "http://img.b2bpic.net/free-photo/empty-chair-restaurant_1339-5437.jpg", alt: "empty chair in restaurant" },
+              { src: "http://img.b2bpic.net/free-photo/high-angle-shot-tea-set-table-with-chairs_181624-5522.jpg", alt: "High angle shot of a tea set on a table with chairs" },
+              { src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg", alt: "table set on dinning table" },
+            ]}
+            buttons={[
+              { text: "Order Online", href: "https://the-coffee-garden.square.site/" },
+              { text: "View Menu", href: "/menu" },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Freshly Roasted Coffee" },
+              { type: "text", text: "Artisan Pastries" },
+              { type: "text", text: "Garden Oasis" },
+              { type: "text", text: "Locally Owned" },
+              { type: "text", text: "Community First" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Our Story"
-      title="Nestled in the Heart of Schuyler Ave"
-      description="The Coffee Garden isn't just about the caffeine. We've built a home for the neighborhood, a garden of calm for commuters and students alike."
-      subdescription="From our handcrafted iced lattes to our daily fresh-baked pastries, everything is served with a local smile."
-      icon={Coffee}
-      imageSrc="http://img.b2bpic.net/free-photo/person-drinking-healthy-matcha-tea_52683-109318.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="Our Story"
+            title="Nestled in the Heart of Schuyler Ave"
+            description="The Coffee Garden isn't just about the caffeine. We've built a home for the neighborhood, a garden of calm for commuters and students alike."
+            subdescription="From our handcrafted iced lattes to our daily fresh-baked pastries, everything is served with a local smile."
+            icon={Coffee}
+            imageSrc="http://img.b2bpic.net/free-photo/person-drinking-healthy-matcha-tea_52683-109318.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        { id: "iced-latte", name: "Iced Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-splashing-glass_84443-83671.jpg", imageAlt: "iced latte glass coffee drink" },
-        { id: "bagel", name: "Toasted Bagel", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/ripe-orange-cut-into-slices-with-blueberries-gypsophila-flower-colored-backdrop_23-2148103671.jpg", imageAlt: "fresh toasted bagel cream cheese" },
-        { id: "croissant", name: "Croissant", price: "$4.25", imageSrc: "http://img.b2bpic.net/free-photo/fresh-baked-croissants_114579-12761.jpg", imageAlt: "buttery fresh croissant pastry" },
-        { id: "hot-coffee", name: "Hot Drip", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-frappe-assortment-white-table_23-2148623244.jpg", imageAlt: "iced latte glass coffee drink" },
-        { id: "boba", name: "Boba Tea", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3412.jpg", imageAlt: "iced latte glass coffee drink" },
-      ]}
-      title="Most Popular"
-      description="Try our community favorites today."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "iced-latte", name: "Iced Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-splashing-glass_84443-83671.jpg", imageAlt: "iced latte glass coffee drink" },
+              { id: "bagel", name: "Toasted Bagel", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/ripe-orange-cut-into-slices-with-blueberries-gypsophila-flower-colored-backdrop_23-2148103671.jpg", imageAlt: "fresh toasted bagel cream cheese" },
+              { id: "croissant", name: "Croissant", price: "$4.25", imageSrc: "http://img.b2bpic.net/free-photo/fresh-baked-croissants_114579-12761.jpg", imageAlt: "buttery fresh croissant pastry" },
+              { id: "hot-coffee", name: "Hot Drip", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-frappe-assortment-white-table_23-2148623244.jpg", imageAlt: "iced latte glass coffee drink" },
+              { id: "boba", name: "Boba Tea", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3412.jpg", imageAlt: "iced latte glass coffee drink" },
+            ]}
+            title="Most Popular"
+            description="Try our community favorites today."
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardSix
-      title="Our Baristas"
-      description="Meet the friendly faces behind your morning brew."
-      members={[
-        { name: "Alex", role: "Head Barista", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-healthy-matcha-tea_52683-109318.jpg" },
-        { name: "Sam", role: "Coffee Expert", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6420.jpg" }
-      ]}
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardSix
+            title="Our Baristas"
+            description="Meet the friendly faces behind your morning brew."
+            members={[
+              { id: "member-1", name: "Alex", role: "Head Barista", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-healthy-matcha-tea_52683-109318.jpg" },
+              { id: "member-2", name: "Sam", role: "Coffee Expert", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6420.jpg" }
+            ]}
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection 
-        layout="default" 
-        title="Legal Notice" 
-        sections={[{ title: "Terms", content: "Standard terms apply." }]} 
-      />
-  </div>
+        <div id="legal" data-section="legal">
+          <LegalSection 
+            type="page"
+            title="Legal Notice" 
+            sections={[]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="The Coffee Garden"
-      columns={[
-        {
-          title: "Connect",          items: [
-            { label: "Facebook", href: "#" },
-            { label: "Instagram", href: "#" },
-          ],
-        },
-        {
-          title: "Shop",          items: [
-            { label: "Order Online", href: "https://the-coffee-garden.square.site/" },
-            { label: "Menu", href: "/menu" },
-          ],
-        },
-      ]}
-      copyrightText="© 2026 The Coffee Garden"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="The Coffee Garden"
+            columns={[
+              {
+                title: "Connect",                items: [
+                  { label: "Facebook", href: "#" },
+                  { label: "Instagram", href: "#" },
+                ],
+              },
+              {
+                title: "Shop",                items: [
+                  { label: "Order Online", href: "https://the-coffee-garden.square.site/" },
+                  { label: "Menu", href: "/menu" },
+                ],
+              },
+            ]}
+            copyrightText="© 2026 The Coffee Garden"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );