diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
index 8186658..c4159fa 100644
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -7,7 +7,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import { Sparkles, Cake, Leaf, Palmtree, Flower, Cupcake, CalendarCheck, Cookie, CandyCane, HeartHandshake } from "lucide-react";
+import { Sparkles, Cake, Leaf, Palmtree, Flower, CalendarCheck, Cookie, CandyCane, HeartHandshake } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -36,7 +36,7 @@ export default function LandingPage() {
         {
           name: "Gallery",          id: "/gallery"},
         {
-          name: "Contact",          id: "/contact"},
+          name: "Contact",          id: "/contact"}
       ]}
       brandName="Miami.Cakes"
       button={{
@@ -57,7 +57,7 @@ export default function LandingPage() {
         {
           text: "Order Now",          href: "/order"},
         {
-          text: "Get a Custom Quote",          href: "/contact"},
+          text: "Get a Custom Quote",          href: "/contact"}
       ]}
       buttonAnimation="slide-up"
     />
@@ -83,7 +83,7 @@ export default function LandingPage() {
         {
           id: "cake-5",          name: "Red Velvet Romance",          price: "$65.00",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-red-velvet-cake_23-2149021422.jpg",          imageAlt: "Red Velvet Romance Cake"},
         {
-          id: "cake-6",          name: "Coconut Lime Cloud",          price: "$72.00",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-cake-with-flowers_23-2149175276.jpg",          imageAlt: "Coconut Lime Cloud Cake"},
+          id: "cake-6",          name: "Coconut Lime Cloud",          price: "$72.00",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-cake-with-flowers_23-2149175276.jpg",          imageAlt: "Coconut Lime Cloud Cake"}
       ]}
     />
   </div>
@@ -103,7 +103,7 @@ export default function LandingPage() {
         },
         {
           id: "2",          name: "David L.",          handle: "@EventPlannerDave",          testimonial: "As an event planner, I work with many vendors, and Miami.Cakes consistently exceeds expectations. Their attention to detail and ability to bring complex designs to life is unmatched. Highly recommend!",          rating: 5,
-          icon: Cupcake
+          icon: Cake
         },
         {
           id: "3",          name: "Jessica M.",          handle: "@BirthdayBashJess",          testimonial: "Ordered a custom birthday cake for my daughter, and it was perfect! Not only beautiful but incredibly tasty. The process was smooth, and delivery was on time. Will definitely order again!",          rating: 5,
@@ -120,7 +120,7 @@ export default function LandingPage() {
         {
           id: "6",          name: "Carlos V.",          handle: "@MiamiGroom",          testimonial: "Our experience with Miami.Cakes for our engagement party cake was fantastic. They were so accommodating with our design ideas, and the cake tasted as good as it looked!",          rating: 5,
           icon: HeartHandshake
-        },
+        }
       ]}
     />
   </div>
@@ -137,8 +137,8 @@ export default function LandingPage() {
             {
               label: "Birthday Cakes",              href: "/menu"},
             {
-              label: "Cupcakes",              href: "/menu"},
-          ],
+              label: "Cupcakes",              href: "/menu"}
+          ]
         },
         {
           title: "Company",          items: [
@@ -147,17 +147,17 @@ export default function LandingPage() {
             {
               label: "Gallery",              href: "/gallery"},
             {
-              label: "Contact",              href: "/contact"},
-          ],
+              label: "Contact",              href: "/contact"}
+          ]
         },
         {
           title: "Legal",          items: [
             {
               label: "Privacy Policy",              href: "/privacy"},
             {
-              label: "Terms of Service",              href: "/terms"},
-          ],
-        },
+              label: "Terms of Service",              href: "/terms"}
+          ]
+        }
       ]}
       logoText="Miami.Cakes"
       copyrightText="© 2024 Miami.Cakes. All rights reserved."
diff --git a/src/app/order/page.tsx b/src/app/order/page.tsx
index fd6ac7f..90ecce7 100644
--- a/src/app/order/page.tsx
+++ b/src/app/order/page.tsx
@@ -2,19 +2,19 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
+import { ShoppingCart } from "lucide-react";
 
-export default function LandingPage() {
+export default function OrderPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="reveal-blur"
         borderRadius="soft"
-        contentWidth="compact"
+        contentWidth="mediumLarge"
         sizing="large"
         background="grid"
         cardStyle="subtle-shadow"
@@ -23,221 +23,64 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-          href: "/",
-        },
-        {
-          name: "About",
-          id: "about",
-          href: "/about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-          href: "/menu",
-        },
-        {
-          name: "Gallery",
-          id: "gallery",
-          href: "/gallery",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-          href: "/contact",
-        },
-      ]}
-      brandName="Miami.Cakes"
-      button={{
-        text: "Order Your Cake",
-        href: "/order",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              {
+                name: "Home",          id: "/"},
+              {
+                name: "About",          id: "/about"},
+              {
+                name: "Menu",          id: "/menu"},
+              {
+                name: "Gallery",          id: "/gallery"},
+              {
+                name: "Contact",          id: "/contact"}
+            ]}
+            brandName="Miami.Cakes"
+            button={{
+              text: "Order Your Cake",              href: "/order"
+            }}
+          />
+        </div>
 
-  <div id="order-form" data-section="order-form">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Order Your Custom Cake"
-      description="Tell us about your dream cake! Fill out the form below with as much detail as possible, and our team will get back to you with a personalized quote."
-      inputs={[
-        {
-          name: "fullName",
-          type: "text",
-          placeholder: "Your Full Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Phone Number (Optional)",
-        },
-        {
-          name: "eventDate",
-          type: "date",
-          placeholder: "Event Date",
-          required: true,
-        },
-        {
-          name: "servings",
-          type: "number",
-          placeholder: "Number of Servings",
-          required: true,
-        },
-        {
-          name: "theme",
-          type: "text",
-          placeholder: "Theme/Occasion",
-        },
-      ]}
-      textarea={{
-        name: "details",
-        placeholder: "Describe your dream cake (colors, flavors, specific designs, etc.)",
-        rows: 5,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/food-dessert-representative-elements_23-2149177030.jpg?_wi=3"
-      imageAlt="Delicious custom cake with unique artistic design elements."
-      mediaAnimation="slide-up"
-      mediaPosition="right"
-      buttonText="Submit Order Request"
-    />
-  </div>
+        <div id="hero-order" data-section="hero-order">
+            <HeroSplit
+            title="Place Your Order"
+            description="Tell us about your dream cake and we'll bring it to life! Fill out the form below to get started."
+            imageSrc="http://img.b2bpic.net/free-photo/view-table-full-desserts-with-cupcakes_23-2149514681.jpg"
+            imageAlt="Cake ordering form"
+            mediaAnimation="slide-up"
+            background={{ variant: "sparkles-gradient" }}
+            imagePosition="right"
+            buttons={[{ text: "View Menu", href: "/menu" }]}
+            buttonAnimation="slide-up"
+            />
+        </div>
 
-  <div id="order-process" data-section="order-process">
-      <FeatureCardEight
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: 1,
-          title: "Consultation & Design",
-          description: "Share your vision with us! We'll discuss your event, desired flavors, and design elements to craft a unique concept.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cook-whisking-mixture-bowl_23-2148485370.jpg?_wi=3",
-          imageAlt: "Baker sketching cake design",
-        },
-        {
-          id: 2,
-          title: "Baking & Decoration",
-          description: "Our skilled bakers and decorators bring your design to life using the finest ingredients and artistic techniques.",
-          imageSrc: "http://img.b2bpic.net/free-photo/overloaded-cake-with-cloth-flowers_23-2150996261.jpg?_wi=2",
-          imageAlt: "Decorating a beautiful custom cake",
-        },
-        {
-          id: 3,
-          title: "Delivery & Setup",
-          description: "Your masterpiece is carefully delivered and set up at your venue, ensuring it looks perfect for your celebration.",
-          imageSrc: "http://img.b2bpic.net/free-psd/new-year-2023-landing-page-template_23-2149928558.jpg",
-          imageAlt: "Cake being delivered to an event",
-        },
-      ]}
-      title="Our Custom Cake Creation Process"
-      description="From your initial idea to the final delicious delivery, we ensure a seamless and joyful experience."
-    />
-  </div>
+        <div id="cta-order-form" data-section="cta-order-form">
+          <ContactCenter
+            tag="Custom Order"
+            title="Let's Create Something Special"
+            description="Provide us with details about your event, desired flavors, design, and quantity. Our team will get back to you with a custom quote."
+            background={{ variant: "animated-grid" }}
+            useInvertedBackground={false}
+            inputPlaceholder="Your email"
+            buttonText="Submit Order Request"
+            termsText="By submitting, you agree to our terms and conditions."
+          />
+        </div>
 
-  <div id="order-faq" data-section="order-faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "What is the typical lead time for custom orders?",
-          content: "We require a minimum of 2-4 weeks notice for most custom cakes. Larger or more intricate designs, especially wedding cakes, may require 3-6 months. We recommend booking as early as possible to secure your date.",
-        },
-        {
-          id: "2",
-          title: "Do you require a deposit?",
-          content: "Yes, a 50% non-refundable deposit is required to confirm your order and secure your date. The remaining balance is due one week prior to your event.",
-        },
-        {
-          id: "3",
-          title: "Can I make changes to my order after it's placed?",
-          content: "Minor changes to flavor or design may be possible up to two weeks before your event, subject to approval and potential additional costs. Major changes may not be accommodated.",
-        },
-        {
-          id: "4",
-          title: "What payment methods do you accept?",
-          content: "We accept major credit cards (Visa, MasterCard, American Express) and bank transfers. All payments are processed securely.",
-        },
-      ]}
-      title="Frequently Asked Questions About Ordering"
-      description="Find answers to common questions regarding our custom cake ordering process, lead times, and payment details."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Custom Cakes",
-              href: "/order",
-            },
-            {
-              label: "Wedding Cakes",
-              href: "/menu",
-            },
-            {
-              label: "Birthday Cakes",
-              href: "/menu",
-            },
-            {
-              label: "Cupcakes",
-              href: "/menu",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Gallery",
-              href: "/gallery",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "/privacy",
-            },
-            {
-              label: "Terms of Service",
-              href: "/terms",
-            },
-          ],
-        },
-      ]}
-      logoText="Miami.Cakes"
-      copyrightText="© 2024 Miami.Cakes. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            columns={[
+              { title: "Services", items: [{ label: "Custom Cakes", href: "/order" }, { label: "Wedding Cakes", href: "/menu" }] },
+              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }
+            ]}
+            logoText="Miami.Cakes"
+            copyrightText="© 2024 Miami.Cakes. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );