Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -5,11 +5,11 @@ import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import TextAbout from '@/components/sections/about/TextAbout';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import { Sparkles } from "lucide-react";
 
 export default function LandingPage() {
@@ -31,72 +31,50 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "About Us",
+          name: "About Us",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Clients",
+          name: "Clients",          id: "clients"},
-          id: "clients",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Elevion Digital"
       button={{
-        text: "Get a Quote",
+        text: "Get a Quote",        href: "#contact"}}
-        href: "#contact",
-      }}
       animateOnLoad={true}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCentered
+      <HeroSplit
       background={{
-        variant: "downward-rays-animated-grid",
+        variant: "downward-rays-animated-grid"}}
-      }}
       title="Elevion Digital: Building Your Vision into Stunning Websites"
       description="We specialize in crafting bespoke websites that captivate audiences, drive engagement, and deliver tangible results for businesses worldwide."
       avatars={[
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-diverse-male--1774289238565-7c28d19f.png",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-diverse-male--1774289238565-7c28d19f.png",          alt: "John Doe, Lead Developer"},
-          alt: "John Doe, Lead Developer",
-        },
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-diverse-femal-1774289237483-eb8041e7.png",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-diverse-femal-1774289237483-eb8041e7.png",          alt: "Jane Smith, UX Designer"},
-          alt: "Jane Smith, UX Designer",
-        },
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-diverse-male--1774289237756-a10fd760.png",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-diverse-male--1774289237756-a10fd760.png",          alt: "Robert Johnson, Project Manager"},
-          alt: "Robert Johnson, Project Manager",
-        },
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-diverse-femal-1774289238825-d7d27805.png",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-diverse-femal-1774289238825-d7d27805.png",          alt: "Sarah Lee, Digital Marketer"},
-          alt: "Sarah Lee, Digital Marketer",
-        },
       ]}
       avatarText="Trusted by over 100+ businesses"
       buttons={[
         {
-          text: "Explore Our Services",
+          text: "Explore Our Services",          href: "#services"},
-          href: "#services",
-        },
         {
-          text: "Get a Free Consultation",
+          text: "Get a Free Consultation",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       buttonAnimation="slide-up"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/a-dynamic-and-abstract-digital-interface-1774289238450-d15a66d2.png"
+      imageAlt="Abstract digital interface"
+      mediaAnimation="slide-up"
     />
   </div>
 
@@ -107,9 +85,7 @@ export default function LandingPage() {
       title="Crafting Digital Experiences That Convert"
       buttons={[
         {
-          text: "Learn More About Us",
+          text: "Learn More About Us",          href: "/about"},
-          href: "/about",
-        },
       ]}
     />
   </div>
@@ -121,37 +97,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
+          id: "1",          title: "Custom Web Design",          tag: "Design Excellence",          description: "Stunning, user-friendly designs that reflect your brand identity and provide an intuitive user experience across all devices.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/a-sleek-modern-website-design-concept-on-1774289238727-40e83c04.png?_wi=1",          imageAlt: "Modern web design concept on laptop"},
-          title: "Custom Web Design",
-          tag: "Design Excellence",
-          description: "Stunning, user-friendly designs that reflect your brand identity and provide an intuitive user experience across all devices.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/a-sleek-modern-website-design-concept-on-1774289238727-40e83c04.png?_wi=1",
-          imageAlt: "Modern web design concept on laptop",
-        },
         {
-          id: "2",
+          id: "2",          title: "Robust Web Development",          tag: "Technical Mastery",          description: "Building scalable, secure, and high-performance websites using the latest technologies and best coding practices.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/close-up-of-code-editor-on-a-large-monit-1774289238540-f9d00875.png?_wi=1",          imageAlt: "Code on a monitor screen"},
-          title: "Robust Web Development",
-          tag: "Technical Mastery",
-          description: "Building scalable, secure, and high-performance websites using the latest technologies and best coding practices.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/close-up-of-code-editor-on-a-large-monit-1774289238540-f9d00875.png?_wi=1",
-          imageAlt: "Code on a monitor screen",
-        },
         {
-          id: "3",
+          id: "3",          title: "SEO & Digital Strategy",          tag: "Visibility & Growth",          description: "Optimize your online presence with expert SEO and digital marketing strategies to increase organic traffic and conversions.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/an-abstract-visualization-of-seo-and-dig-1774289238551-d87fafdb.png?_wi=1",          imageAlt: "Abstract SEO visualization"},
-          title: "SEO & Digital Strategy",
-          tag: "Visibility & Growth",
-          description: "Optimize your online presence with expert SEO and digital marketing strategies to increase organic traffic and conversions.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/an-abstract-visualization-of-seo-and-dig-1774289238551-d87fafdb.png?_wi=1",
-          imageAlt: "Abstract SEO visualization",
-        },
         {
-          id: "4",
+          id: "4",          title: "Maintenance & Support",          tag: "Reliability Assured",          description: "Ensure your website runs smoothly 24/7 with our proactive maintenance and dedicated technical support packages.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/conceptual-image-of-website-maintenance--1774289238520-6ccf6989.png?_wi=1",          imageAlt: "Website maintenance concept"},
-          title: "Maintenance & Support",
-          tag: "Reliability Assured",
-          description: "Ensure your website runs smoothly 24/7 with our proactive maintenance and dedicated technical support packages.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/conceptual-image-of-website-maintenance--1774289238520-6ccf6989.png?_wi=1",
-          imageAlt: "Website maintenance concept",
-        },
       ]}
       title="Our Core Services"
       description="We offer a comprehensive suite of web development services tailored to meet your unique business needs and objectives."
@@ -163,15 +115,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       logos={[
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/minimalist-logo-for-a-fictional-modern-t-1774289237081-b209ed15.png",
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/minimalist-logo-for-a-fictional-modern-t-1774289237081-b209ed15.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/abstract-logo-for-a-fictional-fintech-co-1774289238843-e7643dc1.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/clean-bold-logo-for-a-fictional-e-commer-1774289237274-da319823.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/geometric-logo-for-a-fictional-education-1774289237873-d5a93204.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/minimalist-logo-for-a-fictional-health-a-1774289237359-e60e18ef.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/modern-elegant-logo-for-a-fictional-crea-1774289238333-931b1507.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/bold-and-futuristic-logo-for-a-fictional-1774289237582-8c9cc564.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/dynamic-and-clean-logo-for-a-fictional-l-1774289237433-960ee978.png"]}
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/abstract-logo-for-a-fictional-fintech-co-1774289238843-e7643dc1.png",
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/clean-bold-logo-for-a-fictional-e-commer-1774289237274-da319823.png",
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/geometric-logo-for-a-fictional-education-1774289237873-d5a93204.png",
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/minimalist-logo-for-a-fictional-health-a-1774289237359-e60e18ef.png",
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/modern-elegant-logo-for-a-fictional-crea-1774289238333-931b1507.png",
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/bold-and-futuristic-logo-for-a-fictional-1774289237582-8c9cc564.png",
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/dynamic-and-clean-logo-for-a-fictional-l-1774289237433-960ee978.png",
-      ]}
       title="Trusted by Industry Leaders"
       description="Our commitment to excellence has earned the trust of diverse businesses, from innovative startups to established enterprises."
       names={["TechCorp", "InnovateX", "GrowthGen", "DataFlow", "EcoSol", "FutureLink", "BrightMind", "GlobalConnect"]}
@@ -185,35 +129,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Alice Rodriguez",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-smiling-femal-1774289237822-a6c1b9cd.png?_wi=2",          imageAlt: "Alice Rodriguez, CEO of InnovateCorp"},
-          name: "Alice Rodriguez",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-smiling-femal-1774289237822-a6c1b9cd.png?_wi=2",
-          imageAlt: "Alice Rodriguez, CEO of InnovateCorp",
-        },
         {
-          id: "2",
+          id: "2",          name: "Ben Carter",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-confident-mal-1774289237959-7c48cdca.png?_wi=2",          imageAlt: "Ben Carter, CTO of TechSolutions"},
-          name: "Ben Carter",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-confident-mal-1774289237959-7c48cdca.png?_wi=2",
-          imageAlt: "Ben Carter, CTO of TechSolutions",
-        },
         {
-          id: "3",
+          id: "3",          name: "Chloe Davies",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-an-energetic-fe-1774289237189-489d3782.png?_wi=2",          imageAlt: "Chloe Davies, Marketing Director at GrowthPeak"},
-          name: "Chloe Davies",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-an-energetic-fe-1774289237189-489d3782.png?_wi=2",
-          imageAlt: "Chloe Davies, Marketing Director at GrowthPeak",
-        },
         {
-          id: "4",
+          id: "4",          name: "Daniel Evans",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-focused-male--1774289237642-fe810d7c.png?_wi=2",          imageAlt: "Daniel Evans, Product Lead at FutureLink"},
-          name: "Daniel Evans",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-focused-male--1774289237642-fe810d7c.png?_wi=2",
-          imageAlt: "Daniel Evans, Product Lead at FutureLink",
-        },
         {
-          id: "5",
+          id: "5",          name: "Ella Foster",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-warm-female-o-1774289237848-a98ebee0.png",          imageAlt: "Ella Foster, Operations Manager at Streamline Inc."},
-          name: "Ella Foster",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-warm-female-o-1774289237848-a98ebee0.png",
-          imageAlt: "Ella Foster, Operations Manager at Streamline Inc.",
-        },
       ]}
       cardTitle="What Our Clients Say"
       cardTag="Success Stories"
@@ -226,8 +150,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       tag="Get in Touch"
       title="Ready to Build Your Next Big Thing?"
       description="Let's collaborate to create a powerful online presence that drives your business forward. Contact us for a free consultation and personalized quote."
@@ -242,46 +165,29 @@ export default function LandingPage() {
       logoText="Elevion Digital"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "/about"},
-              href: "/about",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "/services"},
-              href: "/services",
-            },
             {
-              label: "Clients",
+              label: "Clients",              href: "#social-proof"},
-              href: "#social-proof",
-            },
           ],
         },
         {
-          title: "Resources",
+          title: "Resources",          items: [
-          items: [
             {
-              label: "Blog",
+              label: "Blog",              href: "/blog"},
-              href: "/blog",
-            },
             {
-              label: "FAQ",
+              label: "FAQ",              href: "/faq"},
-              href: "/faq",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -291,4 +197,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}