Update src/app/page.tsx

src/app/page.tsx

@@ -2,8 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
@@ -11,7 +11,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import { Award, Shield, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Shop", id: "products" },
-          id: "hero",
+        { name: "About", id: "features" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "Shop",
-          id: "products",
-        },
-        {
-          name: "About",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="ScaleBrand"
     />
@@ -55,22 +43,11 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       title="Scalable eCommerce for Modern Brands"
       description="Transform your retail business with a high-performance, scalable platform designed for growth."
       tag="Innovative Solutions"
-      buttons={[
+      buttons={[{ text: "Shop Now", href: "#products" }, { text: "Learn More", href: "#features" }]}
-        {
-          text: "Shop Now",
-          href: "#products",
-        },
-        {
-          text: "Learn More",
-          href: "#features",
-        },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/impressed-man-showing-shopping-bags-with-products-credit-card-standing-yellow-background_1258-158641.jpg"
     />
   </div>
@@ -82,42 +59,12 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "1", name: "Modern Backpack", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/hand-bag-layout-with-place-text-women-s-accessories-jewellery-background-mockup-banner-fashion-accessories_460848-14712.jpg" },
-          id: "1",
+        { id: "2", name: "Leather Wallet", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-empty-notebook-cellphone-woman-s-accessories-black-concept-top-view-isolated-white-background_1428-526.jpg" },
-          name: "Modern Backpack",
+        { id: "3", name: "Wireless Speaker", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/messy-fashion-still-life-arrangement_23-2148229227.jpg" },
-          price: "$129",
+        { id: "4", name: "Minimalist Watch", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154118.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-bag-layout-with-place-text-women-s-accessories-jewellery-background-mockup-banner-fashion-accessories_460848-14712.jpg",
+        { id: "5", name: "Ceramic Mug", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/environment-friendly-objects-cement-background_23-2148289741.jpg" },
-        },
+        { id: "6", name: "Notebook Pro", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-photography-with-camera-cellphone-fashion-accessories-essential-items-woman-overhead-view-top-view_1428-710.jpg" },
-        {
-          id: "2",
-          name: "Leather Wallet",
-          price: "$89",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-empty-notebook-cellphone-woman-s-accessories-black-concept-top-view-isolated-white-background_1428-526.jpg",
-        },
-        {
-          id: "3",
-          name: "Wireless Speaker",
-          price: "$199",
-          imageSrc: "http://img.b2bpic.net/free-photo/messy-fashion-still-life-arrangement_23-2148229227.jpg",
-        },
-        {
-          id: "4",
-          name: "Minimalist Watch",
-          price: "$249",
-          imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154118.jpg",
-        },
-        {
-          id: "5",
-          name: "Ceramic Mug",
-          price: "$45",
-          imageSrc: "http://img.b2bpic.net/free-photo/environment-friendly-objects-cement-background_23-2148289741.jpg",
-        },
-        {
-          id: "6",
-          name: "Notebook Pro",
-          price: "$55",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-photography-with-camera-cellphone-fashion-accessories-essential-items-woman-overhead-view-top-view_1428-710.jpg",
-        },
       ]}
       title="Our Signature Products"
       description="Discover our collection of high-quality products curated for quality and longevity."
@@ -131,27 +78,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Secure Payments", description: "Global payment gateways integrated out of the box.", imageSrc: "http://img.b2bpic.net/free-photo/modern-abstract-background-with-marble-texture_474888-4849.jpg?_wi=1", titleImageSrc: "http://img.b2bpic.net/free-vector/technology-elements-background-flat-style_23-2147763687.jpg", buttonText: "See Details" },
-          title: "Secure Payments",
+        { title: "Global Logistics", description: "Seamless tracking and shipping globally.", imageSrc: "http://img.b2bpic.net/free-photo/modern-abstract-background-with-marble-texture_474888-4849.jpg?_wi=2", titleImageSrc: "http://img.b2bpic.net/free-vector/blue-background-with-lines-social-networking-icons_23-2147613734.jpg", buttonText: "See Details" },
-          description: "Global payment gateways integrated out of the box.",
+        { title: "Analytics Dashboard", description: "Real-time insights into your store performance.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-art-background-template-botanical-watercolor-vector-floral-illustrations-buds-leaves-pastel-tonesframe-seamless-pattern-peony-wedding-invitation-greeting-card-poster_123827-29752.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/abstract-cover-art-illustration_23-2151904466.jpg", buttonText: "See Details" },
-          imageSrc: "http://img.b2bpic.net/free-vector/technological-background-with-hexagons_23-2147634061.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-vector/technology-elements-background-flat-style_23-2147763687.jpg",
-          buttonText: "See Details",
-        },
-        {
-          title: "Global Logistics",
-          description: "Seamless tracking and shipping globally.",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-abstract-background-with-marble-texture_474888-4849.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-vector/blue-background-with-lines-social-networking-icons_23-2147613734.jpg",
-          buttonText: "See Details",
-        },
-        {
-          title: "Analytics Dashboard",
-          description: "Real-time insights into your store performance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-art-background-template-botanical-watercolor-vector-floral-illustrations-buds-leaves-pastel-tonesframe-seamless-pattern-peony-wedding-invitation-greeting-card-poster_123827-29752.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/abstract-cover-art-illustration_23-2151904466.jpg",
-          buttonText: "See Details",
-        },
       ]}
       title="Built for Global Scale"
       description="Everything you need to expand your digital retail presence securely and efficiently."
@@ -164,24 +93,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "1", icon: Zap, title: "Conversion Rate", value: "15%" },
-          id: "1",
+        { id: "2", icon: Shield, title: "Uptime", value: "99.9%" },
-          icon: Zap,
+        { id: "3", icon: Award, title: "Happy Customers", value: "50K+" },
-          title: "Conversion Rate",
-          value: "15%",
-        },
-        {
-          id: "2",
-          icon: Shield,
-          title: "Uptime",
-          value: "99.9%",
-        },
-        {
-          id: "3",
-          icon: Award,
-          title: "Happy Customers",
-          value: "50K+",
-        },
       ]}
       title="Proven Performance"
       description="Metrics that matter for your business growth."
@@ -189,55 +103,16 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
+      <TestimonialCardTwelve
-      animationType="slide-up"
+      cardAnimation="slide-up"
-      textboxLayout="default"
       useInvertedBackground={false}
+      cardTitle="Loved by Retailers"
+      cardTag="Testimonials"
       testimonials={[
-        {
+        { id: "1", name: "Jane Doe", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-casual-summer-style-modern-park-street_285396-11117.jpg" },
-          id: "1",
+        { id: "2", name: "Mark Smith", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg" },
-          name: "Jane Doe",
+        { id: "3", name: "Alice Wang", imageSrc: "http://img.b2bpic.net/free-photo/fascinating-young-lady-stylish-yellow-pants-expressing-happiness-glad-european-girl-with-dark-hair-dancing-street-background_197531-26305.jpg" },
-          handle: "@janedoe",
-          testimonial: "Excellent service and platform.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-casual-summer-style-modern-park-street_285396-11117.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark Smith",
-          handle: "@marksmith",
-          testimonial: "The best eCommerce solution ever.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
-        },
-        {
-          id: "3",
-          name: "Alice Wang",
-          handle: "@alicew",
-          testimonial: "Increased my sales by 200%.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/fascinating-young-lady-stylish-yellow-pants-expressing-happiness-glad-european-girl-with-dark-hair-dancing-street-background_197531-26305.jpg",
-        },
-        {
-          id: "4",
-          name: "Bob Brown",
-          handle: "@bobb",
-          testimonial: "Reliable and fast.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-laughing-woman-posing-outdoor-summertime-holding-skateboard-hands-touching-her-hair-band-looking-camera-with-positive-emotions_176532-14835.jpg",
-        },
-        {
-          id: "5",
-          name: "Carol Lee",
-          handle: "@caroll",
-          testimonial: "Great support team.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-smiling_23-2148454539.jpg",
-        },
       ]}
-      showRating={true}
-      title="Loved by Retailers"
-      description="Hear how we help our partners reach their goals."
     />
   </div>
 
@@ -245,90 +120,46 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
+      names={["Google", "Microsoft", "Stripe", "PayPal", "Amazon", "Shopify", "Visa"]}
-        "Google",
-        "Microsoft",
-        "Stripe",
-        "PayPal",
-        "Amazon",
-        "Shopify",
-        "Visa",
-      ]}
       title="Trusted Globally"
       description="We are proud to work with these innovators."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqSplitMedia
-      useInvertedBackground={false}
       faqs={[
-        {
+        { id: "1", title: "Is the platform scalable?", content: "Yes, our platform is built on modern infrastructure designed for scale." },
-          id: "1",
+        { id: "2", title: "Do you offer support?", content: "We offer 24/7 dedicated support for all our enterprise customers." },
-          title: "Is the platform scalable?",
+        { id: "3", title: "How long to launch?", content: "Most brands launch within 4-6 weeks." },
-          content: "Yes, our platform is built on modern infrastructure designed for scale.",
-        },
-        {
-          id: "2",
-          title: "Do you offer support?",
-          content: "We offer 24/7 dedicated support for all our enterprise customers.",
-        },
-        {
-          id: "3",
-          title: "How long to launch?",
-          content: "Most brands launch within 4-6 weeks.",
-        },
       ]}
-      sideTitle="Common Questions"
+      title="Common Questions"
+      description="Get answers to frequently asked questions about our platform."
       faqsAnimation="slide-up"
+      useInvertedBackground={false}
+      textboxLayout="default"
+      imageSrc="http://img.b2bpic.net/free-photo/customer-service-concept-with-headset_23-2148737357.jpg"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplitForm
-      useInvertedBackground={true}
+      title="Ready to scale your business?"
-      background={{
+      description="Get in touch with our team to start your journey."
-        variant: "plain",
+      inputs={[
-      }}
+          { name: "name", type: "text", placeholder: "Name", required: true },
-      text="Ready to scale your business?"
+          { name: "email", type: "email", placeholder: "Email", required: true }
-      buttons={[
-        {
-          text: "Get In Touch",
-          href: "mailto:hello@brand.com",
-        },
       ]}
+      useInvertedBackground={true}
+      imageSrc="http://img.b2bpic.net/free-photo/contact-us-communication-connection-business-people_1134-802.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
+        { title: "Company", items: [{ label: "About", href: "#features" }, { label: "Contact", href: "#contact" }] },
-          title: "Company",
+        { title: "Product", items: [{ label: "Shop", href: "#products" }, { label: "Features", href: "#features" }] },
-          items: [
-            {
-              label: "About",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Shop",
-              href: "#products",
-            },
-            {
-              label: "Features",
-              href: "#features",
-            },
-          ],
-        },
       ]}
       bottomLeftText="© 2024 ScaleBrand"
       bottomRightText="Privacy Policy"
@@ -337,4 +168,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}