From 9fffff54ad9fe56da15f8275dbbb03464e53b220 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 7 May 2026 23:51:07 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 318 +++++++++++++++++++----------------------------
 1 file changed, 125 insertions(+), 193 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 72dba57..18376ea 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,217 +2,149 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Award, Star, Timer } from "lucide-react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import { Award, Star, Timer, Pizza, ShoppingBag } from "lucide-react";
 
-export default function LandingPage() {
+export default function DominoLandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="elastic-effect"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
         contentWidth="medium"
         sizing="largeSizeMediumTitles"
         background="noise"
-        cardStyle="gradient-mesh"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="radial-glow"
+        cardStyle="solid"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="solid"
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Menu",          id: "products"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Reviews",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
-      ]}
-      brandName="Domino's"
-    />
-  </div>
+        <div id="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Menu", id: "products" },
+              { name: "About", id: "about" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Domino's"
+            button={{ text: "Order Online" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars"}}
-      title="Fresh, Hot, Delivered."
-      description="Experience the world's best pizza, crafted with love and delivered fresh to your door in 30 minutes or less."
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-mushroom-pizza-with-cheese-olives-dark-surface-meal-italian-food-dough-snack-pizza_140725-101756.jpg"
-      imageAlt="fresh delicious pizza table wooden"
-      buttons={[
-        {
-          text: "Order Now",          href: "#products"},
-        {
-          text: "View Menu",          href: "#products"},
-      ]}
-    />
-  </div>
+        <div id="hero">
+          <HeroOverlay
+            title="Domino's: Hot, Fresh, Delivered."
+            description="Authentic pizza recipes delivered to your door in 30 minutes or less. Quality ingredients, perfected crusts."
+            buttons={[{ text: "Start Your Order", href: "#products" }, { text: "View Our Deals", href: "#products" }]}
+            showBlur={true}
+            textPosition="bottom"
+            imageSrc="https://img.freepik.com/free-photo/fresh-tasty-pizza_144627-148.jpg"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Crafted with Passion"
-      description="Since our founding, we've focused on one mission: serving the best pizza on the planet. From our secret sauce to our hand-stretched dough, quality is in every bite."
-      metrics={[
-        {
-          value: "500+",          title: "Store Locations"},
-        {
-          value: "1M+",          title: "Satisfied Customers"},
-        {
-          value: "100%",          title: "Fresh Ingredients"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/from-frame-near-pizza-ingredients_23-2147772079.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-      imageAlt="pizza chef working in kitchen"
-    />
-  </div>
+        <div id="about">
+          <InlineImageSplitTextAbout
+            heading={[{ type: 'text', content: "The Original Pizza Experts" }]}
+            useInvertedBackground={false}
+            buttons={[{ text: "Our History" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentySeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",          title: "Fresh Ingredients",          descriptions: [
-            "Locally sourced vegetables and high-quality dairy."],
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-cooking-pizza-together_23-2150283056.jpg"},
-        {
-          id: "f2",          title: "30-Minute Guarantee",          descriptions: [
-            "Hot pizza every time or it's on us."],
-          imageSrc: "http://img.b2bpic.net/free-photo/female-chef-preparing-dough-pizza_23-2148753797.jpg"},
-        {
-          id: "f3",          title: "Custom Crusts",          descriptions: [
-            "Pan, thin, or hand-tossed to perfection."],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pizza-wooden-background_23-2148601645.jpg"},
-      ]}
-      title="Why Choose Us?"
-      description="We take pride in our process, from farm-to-table ingredients to our state-of-the-art delivery fleet."
-    />
-  </div>
+        <div id="features">
+          <FeatureHoverPattern
+            animationType="slide-up"
+            title="What Makes Us Different"
+            description="Quality you can taste in every single bite."
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { icon: Pizza, title: "Fresh Dough", description: "Hand-stretched every single morning." },
+              { icon: ShoppingBag, title: "Fast Delivery", description: "GPS tracking for your hot meal." },
+              { icon: Timer, title: "Consistent Quality", description: "Perfect ovens for perfect results." }
+            ]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",          name: "Classic Pepperoni",          price: "$12.99",          variant: "Large",          imageSrc: "http://img.b2bpic.net/free-photo/mushroom-pizza-with-vegetable-salad-cola-can_114579-2285.jpg"},
-        {
-          id: "p2",          name: "Margherita Masterpiece",          price: "$11.99",          variant: "Large",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-mixed-meat-pizza-with-pepperoni-chicken-beef_141793-2443.jpg"},
-        {
-          id: "p3",          name: "Veggie Supreme",          price: "$13.99",          variant: "Large",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hand-holding-pan-with-cooked-pizza_23-2148361362.jpg"},
-        {
-          id: "p4",          name: "Meat Lovers",          price: "$14.99",          variant: "Large",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-pizza-with-colorful-bell-peppers-corn-meat-mushrooms_181624-59679.jpg"},
-        {
-          id: "p5",          name: "BBQ Chicken",          price: "$13.99",          variant: "Large",          imageSrc: "http://img.b2bpic.net/free-photo/chicken-pizza-with-bell-peppers-herbs-barbecue-sauce_140725-8379.jpg"},
-        {
-          id: "p6",          name: "Hawaiian Classic",          price: "$12.49",          variant: "Large",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cheesy-pizza-with-red-tomatoes-black-olives-bell-peppers-sausages-grey-background-fast-food-italian-dough-meal-food-bake_140725-23177.jpg"},
-      ]}
-      title="Our Menu Favorites"
-      description="Choose from our wide selection of classic and specialty pizzas."
-    />
-  </div>
+        <div id="products">
+          <ProductCardTwo
+            title="Our Best Sellers"
+            description="Fan favorites that keep the world coming back."
+            animationType="slide-up"
+            gridVariant="four-items-2x2-equal-grid"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", brand: "Domino's", name: "Pepperoni Passion", price: "$14.99", rating: 5, reviewCount: "2k", imageSrc: "https://img.freepik.com/free-photo/pepperoni-pizza_144627-164.jpg" },
+              { id: "p2", brand: "Domino's", name: "Veggie Delite", price: "$13.99", rating: 4, reviewCount: "1.5k", imageSrc: "https://img.freepik.com/free-photo/vegetable-pizza_144627-152.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",          value: "15M",          title: "Pizzas Sold",          description: "Across the globe yearly.",          icon: Star,
-        },
-        {
-          id: "m2",          value: "4.8",          title: "Avg Rating",          description: "From our happy guests.",          icon: Award,
-        },
-        {
-          id: "m3",          value: "30m",          title: "Delivery Time",          description: "Average delivery duration.",          icon: Timer,
-        },
-      ]}
-      title="Our Impact"
-      description="Consistent quality across all our locations."
-    />
-  </div>
+        <div id="metrics">
+          <MetricCardSeven
+            title="Domino's By The Numbers"
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "5000+", title: "Locations", items: ["Global presence"] },
+              { id: "m2", value: "30m", title: "Delivery", items: ["Guarantee time"] }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="The best pizza experience I've had in years! Always hot and consistent quality."
-      rating={5}
-      author="Sarah Miller"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/image-black-woman-sits-sideways-with-glad-expression_273609-28609.jpg",          alt: "happy customer eating pizza"},
-        {
-          src: "http://img.b2bpic.net/free-photo/people-eating-pizza-restaurant_23-2148172683.jpg",          alt: "happy customer eating pizza"},
-        {
-          src: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg",          alt: "happy customer eating pizza"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-people-taking-slices-hot-pizza-from-cardboard-box-table_169016-18833.jpg",          alt: "happy customer eating pizza"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg",          alt: "Portrait of happy woman eatingout having breakfast and talking to friend"},
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials">
+          <TestimonialCardFive
+            title="Hear From Our Fans"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Alex R.", date: "2024-10-01", title: "Reliable!", quote: "Always hot, always delicious.", tag: "Fan", avatarSrc: "https://i.pravatar.cc/150?u=a" }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",          title: "Do you offer delivery?",          content: "Yes, we offer delivery to your doorstep within 30 minutes."},
-        {
-          id: "q2",          title: "Are your ingredients fresh?",          content: "Absolutely, we use only high-quality, fresh ingredients daily."},
-        {
-          id: "q3",          title: "Can I track my order?",          content: "Yes, use our real-time tracker on the app or website."},
-      ]}
-      title="Common Questions"
-      description="Have questions about ordering? We've got answers."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq">
+          <FaqSplitMedia
+            title="Frequently Asked Questions"
+            faqsAnimation="blur-reveal"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Is there a delivery fee?", content: "Standard delivery rates apply based on distance." },
+              { id: "q2", title: "Can I change my order?", content: "Updates are possible before the kitchen starts baking." }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      tag="Contact Us"
-      title="Get in Touch"
-      description="Need support or feedback? Reach out to our team today."
-      inputPlaceholder="Enter your email"
-      buttonText="Submit"
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
-    />
-  </div>
+        <div id="contact">
+          <ContactSplitForm
+            title="Support Center"
+            description="Need help with a recent order?"
+            inputs={[{ name: "name", type: "text", placeholder: "Your Name" }, { name: "email", type: "email", placeholder: "Your Email" }]}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Domino's"
-      copyrightText="© 2024 Domino's Clone"
-    />
-  </div>
+        <div id="footer">
+          <FooterMedia
+            logoText="Domino's"
+            imageSrc="https://img.freepik.com/free-photo/top-view-tasty-cheesy-pizza-grey-background_140725-23177.jpg"
+            columns={[{ title: "Company", items: [{ label: "About Us", href: "#" }] }]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}