Update src/app/page.tsx

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "About", id: "#about" },
-          name: "About",
+        { name: "Features", id: "#features" },
-          id: "#about",
+        { name: "Pricing", id: "#pricing" },
-        },
+        { name: "Contact", id: "#contact" },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
       ]}
       brandName="Dizayn"
     />
@@ -54,62 +42,25 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
+      background={{ variant: "radial-gradient" }}
-        variant: "radial-gradient",
-      }}
       title="Elevate Your Digital Experience"
       description="We craft sophisticated design solutions that turn visions into memorable digital realities. Your brand, redefined."
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-couch-smiling_23-2148095699.jpg", alt: "User 1" },
-          src: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-couch-smiling_23-2148095699.jpg",
+        { src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg", alt: "User 2" },
-          alt: "User 1",
+        { src: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg", alt: "User 3" },
-        },
+        { src: "http://img.b2bpic.net/free-photo/side-view-man-portrait-digital-art_23-2151197854.jpg", alt: "User 4" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-laptop-mouse-coffee_23-2152003802.jpg", alt: "User 5" },
-          src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-man-portrait-digital-art_23-2151197854.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-laptop-mouse-coffee_23-2152003802.jpg",
-          alt: "User 5",
-        },
       ]}
       avatarText="Trusted by creative teams worldwide."
-      buttons={[
+      buttons={[{ text: "Get Started", href: "#contact" }]}
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
       buttonAnimation="slide-up"
       marqueeItems={[
-        {
+        { type: "text", text: "Brand Strategy" },
-          type: "text",
+        { type: "text", text: "Visual Identity" },
-          text: "Brand Strategy",
+        { type: "text", text: "UX/UI Design" },
-        },
+        { type: "text", text: "Interaction Design" },
-        {
+        { type: "text", text: "Creative Consulting" },
-          type: "text",
-          text: "Visual Identity",
-        },
-        {
-          type: "text",
-          text: "UX/UI Design",
-        },
-        {
-          type: "text",
-          text: "Interaction Design",
-        },
-        {
-          type: "text",
-          text: "Creative Consulting",
-        },
       ]}
     />
   </div>
@@ -121,18 +72,9 @@ export default function LandingPage() {
       title="Crafting Artistry & Precision"
       description="Our studio bridges the gap between functional design and aesthetic excellence, ensuring every project leaves a lasting impression."
       bulletPoints={[
-        {
+        { title: "Strategic Design", description: "Tailored strategies for every brand." },
-          title: "Strategic Design",
+        { title: "Modern Aesthetics", description: "Clean and contemporary visual languages." },
-          description: "Tailored strategies for every brand.",
+        { title: "Human-Centric UX", description: "Designs that resonate with your users." },
-        },
-        {
-          title: "Modern Aesthetics",
-          description: "Clean and contemporary visual languages.",
-        },
-        {
-          title: "Human-Centric UX",
-          description: "Designs that resonate with your users.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/view-office-desk-with-messy-workspace-laptop_23-2150282085.jpg"
       mediaAnimation="slide-up"
@@ -144,21 +86,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Brand Identity", description: "Define your essence.", imageSrc: "http://img.b2bpic.net/free-photo/set-bell-reminder-notification-alert-alarm-icon-sign-symbol-application-website-ui-yellow-background-3d-rendering-illustration_56104-1307.jpg" },
-          title: "Brand Identity",
+        { title: "Visual Strategy", description: "Guide your perception.", imageSrc: "http://img.b2bpic.net/free-photo/ideas-strategy-action-design-vision-plan-concept_53876-121098.jpg" },
-          description: "Define your essence.",
+        { title: "Interaction Design", description: "Engage every visitor.", imageSrc: "http://img.b2bpic.net/free-photo/trendy-color-swatches-with-different-elements_23-2150169898.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/set-bell-reminder-notification-alert-alarm-icon-sign-symbol-application-website-ui-yellow-background-3d-rendering-illustration_56104-1307.jpg",
-        },
-        {
-          title: "Visual Strategy",
-          description: "Guide your perception.",
-          imageSrc: "http://img.b2bpic.net/free-photo/ideas-strategy-action-design-vision-plan-concept_53876-121098.jpg",
-        },
-        {
-          title: "Interaction Design",
-          description: "Engage every visitor.",
-          imageSrc: "http://img.b2bpic.net/free-photo/trendy-color-swatches-with-different-elements_23-2150169898.jpg",
-        },
       ]}
       title="Sophisticated Features"
       description="Powerful capabilities packaged in an elegant, minimal interface."
@@ -169,15 +99,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
+      names={["Luxe Studio", "Aether Labs", "Nova Collective", "Zenith Design", "Orbit Brands", "Canvas Creative", "Prism Studio"]}
-        "Luxe Studio",
-        "Aether Labs",
-        "Nova Collective",
-        "Zenith Design",
-        "Orbit Brands",
-        "Canvas Creative",
-        "Prism Studio",
-      ]}
       title="Renowned Partners"
       description="Collaborating with industry-leading brands."
     />
@@ -189,41 +111,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Elena Ross", role: "Creative Lead", testimonial: "Exceptional quality and incredible attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-manager_1098-13761.jpg" },
-          id: "1",
+        { id: "2", name: "Marcus Chen", role: "Founder", testimonial: "The best design experience I've had in years.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blond-smiling-woman-records-lifestyle-blog-vlogger-makeup-artist-recording-video_1258-254994.jpg" },
-          name: "Elena Ross",
+        { id: "3", name: "Sophia Vane", role: "Director", testimonial: "A transformative experience for our digital presence.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg" },
-          role: "Creative Lead",
+        { id: "4", name: "Julian Thorne", role: "Product Manager", testimonial: "Professional, efficient, and deeply creative results.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-memorizer-concept-collage_23-2149270828.jpg" },
-          testimonial: "Exceptional quality and incredible attention to detail.",
+        { id: "5", name: "Chloe West", role: "Brand Strategist", testimonial: "They truly understood our unique brand story.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-manager_1098-13761.jpg",
-        },
-        {
-          id: "2",
-          name: "Marcus Chen",
-          role: "Founder",
-          testimonial: "The best design experience I've had in years.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-blond-smiling-woman-records-lifestyle-blog-vlogger-makeup-artist-recording-video_1258-254994.jpg",
-        },
-        {
-          id: "3",
-          name: "Sophia Vane",
-          role: "Director",
-          testimonial: "A transformative experience for our digital presence.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
-        },
-        {
-          id: "4",
-          name: "Julian Thorne",
-          role: "Product Manager",
-          testimonial: "Professional, efficient, and deeply creative results.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-memorizer-concept-collage_23-2149270828.jpg",
-        },
-        {
-          id: "5",
-          name: "Chloe West",
-          role: "Brand Strategist",
-          testimonial: "They truly understood our unique brand story.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg",
-        },
       ]}
       title="Client Perspectives"
       description="Feedback that fuels our commitment to excellence."
@@ -236,54 +128,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
+        { id: "starter", price: "$2,500", name: "Starter", features: ["Brand Audit", "Visual Identity", "1 Round Revision"], buttons: [{ text: "Select", href: "#contact" }] },
-          id: "starter",
+        { id: "pro", price: "$5,000", name: "Professional", features: ["Full Brand System", "Custom Website", "3 Rounds Revision"], buttons: [{ text: "Select", href: "#contact" }] },
-          price: "$2,500",
+        { id: "enterprise", price: "$9,500", name: "Enterprise", features: ["Comprehensive Identity", "Full App UI/UX", "Unlimited Revisions"], buttons: [{ text: "Select", href: "#contact" }] },
-          name: "Starter",
-          features: [
-            "Brand Audit",
-            "Visual Identity",
-            "1 Round Revision",
-          ],
-          buttons: [
-            {
-              text: "Select",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "pro",
-          price: "$5,000",
-          name: "Professional",
-          features: [
-            "Full Brand System",
-            "Custom Website",
-            "3 Rounds Revision",
-          ],
-          buttons: [
-            {
-              text: "Select",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "enterprise",
-          price: "$9,500",
-          name: "Enterprise",
-          features: [
-            "Comprehensive Identity",
-            "Full App UI/UX",
-            "Unlimited Revisions",
-          ],
-          buttons: [
-            {
-              text: "Select",
-              href: "#contact",
-            },
-          ],
-        },
       ]}
       title="Tailored Packages"
       description="Flexible design solutions suited for your scaling requirements."
@@ -291,81 +138,51 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqSplitMedia
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "1", title: "What is the process?", content: "We follow a four-phase design approach." },
-          id: "1",
+        { id: "2", title: "How long does it take?", content: "Average project timelines are 4-8 weeks." },
-          title: "What is the process?",
+        { id: "3", title: "Do you offer revisions?", content: "Yes, we prioritize client satisfaction." },
-          content: "We follow a four-phase design approach.",
-        },
-        {
-          id: "2",
-          title: "How long does it take?",
-          content: "Average project timelines are 4-8 weeks.",
-        },
-        {
-          id: "3",
-          title: "Do you offer revisions?",
-          content: "Yes, we prioritize client satisfaction.",
-        },
       ]}
-      sideTitle="Common Questions"
+      title="Common Questions"
-      sideDescription="Everything you need to know about starting your design journey."
+      description="Everything you need to know about starting your design journey."
+      imageSrc="http://img.b2bpic.net/free-photo/design-studio-tools-workspace_23-2148281156.jpg"
       faqsAnimation="slide-up"
+      textboxLayout="split"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplit
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "radial-gradient" }}
-        variant: "radial-gradient",
-      }}
       tag="Let's Connect"
       title="Ready to Redefine Your Brand?"
       description="Get in touch for a custom design consultation today."
-      buttons={[
+      imageSrc="http://img.b2bpic.net/free-photo/modern-office-desk-with-minimalist-accessories_23-2148671168.jpg"
-        {
+      onSubmit={(email) => console.log("Submitted:", email)}
-          text: "Email Us",
-          href: "mailto:studio@dizayn.com",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBaseCard
+      logoText="Dizayn"
       columns={[
         {
-          title: "Platform",
+          title: "Platform",          items: [
-          items: [
+            { label: "Services", href: "#features" },
-            {
+            { label: "Pricing", href: "#pricing" },
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
+            { label: "Privacy", href: "#" },
-            {
+            { label: "Terms", href: "#" },
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
           ],
         },
       ]}
-      bottomLeftText="© 2024 Dizayn Studio."
+      copyrightText="© 2024 Dizayn Studio. All rights reserved."
-      bottomRightText="All rights reserved."
     />
   </div>
       </ReactLenis>