diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4da101a..1270635 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,201 +2,124 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import BlogCardOne from '@/components/sections/blog/BlogCardOne';
-import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
-        contentWidth="mediumLarge"
-        sizing="largeSmall"
-        background="aurora"
-        cardStyle="solid"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="glass"
-        headingFontWeight="medium"
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="largeSmall"
+      background="aurora"
+      cardStyle="solid"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Contact & Order",
-          id: "/contact",
-        },
-      ]}
-      brandName="Karamel's Cafe"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Menu", id: "/menu" },
+              { name: "Contact & Order", id: "/contact" }
+            ]}
+            brandName="Karamel's Cafe"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Welcome to Karamel's Cafe"
-      description="Indulge in our selection of artisanal coffee and exquisite handmade meals in the heart of the city."
-      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-cup-coffee-macarons_23-2148349701.jpg?_wi=1"
-      imageAlt="Karamel's Cafe cozy interior"
-      buttons={[
-        {
-          text: "View Our Menu",
-          href: "/menu",
-        },
-        {
-          text: "Order Online",
-          href: "/contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "gradient-bars" }}
+            title="Welcome to Karamel's Cafe"
+            description="Indulge in our selection of artisanal coffee and exquisite handmade meals in the heart of the city."
+            imageSrc="http://img.b2bpic.net/free-photo/flat-lay-cup-coffee-macarons_23-2148349701.jpg"
+            imageAlt="Karamel's Cafe cozy interior"
+            buttons={[
+              { text: "View Our Menu", href: "/menu" },
+              { text: "Order Online", href: "/contact" }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyEight
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Artisanal Coffee",
-          subtitle: "Roasted to perfection",
-          category: "Drink",
-          value: "Experience the aroma",
-        },
-        {
-          id: "f2",
-          title: "Fresh Pastries",
-          subtitle: "Baked daily",
-          category: "Food",
-          value: "Buttery and delicious",
-        },
-        {
-          id: "f3",
-          title: "Gourmet Meals",
-          subtitle: "Locally sourced",
-          category: "Dining",
-          value: "Culinary excellence",
-        },
-      ]}
-      title="Our Signature Specialties"
-      description="Experience passion in every bite and sip."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyEight
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Artisanal Coffee", subtitle: "Roasted to perfection", category: "Drink", value: "Experience the aroma" },
+              { id: "f2", title: "Fresh Pastries", subtitle: "Baked daily", category: "Food", value: "Buttery and delicious" },
+              { id: "f3", title: "Gourmet Meals", subtitle: "Locally sourced", category: "Dining", value: "Culinary excellence" }
+            ]}
+            title="Our Signature Specialties"
+            description="Experience passion in every bite and sip."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Story"
-      description="Founded on a love for community and fine coffee."
-      imageSrc="http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286009.jpg"
-      mediaAnimation="blur-reveal"
-      bulletPoints={[
-        {
-          title: "Local Roots",
-          description: "Sourcing beans from local farmers.",
-        },
-        {
-          title: "Cozy Ambience",
-          description: "Designed for relaxation.",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Story"
+            description="Founded on a love for community and fine coffee."
+            imageSrc="http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286009.jpg"
+            mediaAnimation="blur-reveal"
+            bulletPoints={[
+              { title: "Local Roots", description: "Sourcing beans from local farmers." },
+              { title: "Cozy Ambience", description: "Designed for relaxation." }
+            ]}
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="What Our Customers Say"
-      description="Heartwarming feedback from our guests."
-      kpiItems={[
-        {
-          value: "500+",
-          label: "Daily Cups",
-        },
-        {
-          value: "4.9/5",
-          label: "Rating",
-        },
-        {
-          value: "10y",
-          label: "Experience",
-        },
-      ]}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Alex R.",
-          role: "Regular",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guys-sitting-indoors_23-2148450777.jpg",
-        },
-      ]}
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="What Our Customers Say"
+            description="Heartwarming feedback from our guests."
+            kpiItems={[
+              { value: "500+", label: "Daily Cups" },
+              { value: "4.9/5", label: "Rating" },
+              { value: "10y", label: "Experience" }
+            ]}
+            testimonials={[
+              { id: "t1", name: "Alex R.", role: "Regular", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guys-sitting-indoors_23-2148450777.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="blog" data-section="blog">
-      <BlogCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Latest News"
-      description="Stay updated with our cafe events and seasonal specials."
-      blogs={[
-        {
-          id: "b1",
-          category: "News",
-          title: "Summer Menu Launch",
-          excerpt: "Refreshing drinks for your sunny days.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-breakfast-cheesecake-red-smoothie-white-table_23-2148067151.jpg",
-          authorName: "Jane Doe",
-          authorAvatar: "http://img.b2bpic.net/free-photo/high-angle-view-cup-coffee-with-milk_23-2148337163.jpg",
-          date: "2024-06-01",
-        },
-      ]}
-    />
-  </div>
+        <div id="blog" data-section="blog">
+          <BlogCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Latest News"
+            description="Stay updated with our cafe events and seasonal specials."
+            blogs={[
+              { id: "b1", category: "News", title: "Summer Menu Launch", excerpt: "Refreshing drinks for your sunny days.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-breakfast-cheesecake-red-smoothie-white-table_23-2148067151.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/high-angle-view-cup-coffee-with-milk_23-2148337163.jpg", date: "2024-06-01" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Menu",
-              href: "/menu",
-            },
-            {
-              label: "Order",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Karamel's Cafe"
-      bottomRightText="123 Cafe Street, Coffee Town"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Quick Links", items: [{ label: "Menu", href: "/menu" }, { label: "Order", href: "/contact" }] }
+            ]}
+            bottomLeftText="© 2024 Karamel's Cafe"
+            bottomRightText="123 Cafe Street, Coffee Town"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );