Update src/app/page.tsx

Merge version_2 into main

src/app/layout.tsx

@@ -1422,4 +1422,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -1,15 +1,15 @@
 "use client"
 
-import { Award, CheckCircle, Cpu, Lightbulb, Mail, Shield, Sparkles, TrendingUp, Users, Zap } from "lucide-react";
+import { Award, Check, CheckCircle, Cpu, Lightbulb, Mail, Shield, Sparkles, TrendingUp, Users, Zap } from "lucide-react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
-import SplitAbout from "@/components/sections/about/SplitAbout";
-import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
-import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
-import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
-import FooterMedia from "@/components/sections/footer/FooterMedia";
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function LandingPage() {
   return (
@@ -40,26 +40,55 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardCarousel
+        <FeatureCardTen
+          features={[
+            {
+              id: "1",              title: "Advanced Analytics Dashboard",              description: "Get comprehensive insights into your business performance with our powerful analytics tools and real-time reporting.",              media: {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVQkDKejFlmLYQjsfRZivtawgw/a-sleek-ai-platform-interface-dashboard--1772675460159-6bbc074e.png?_wi=1",                imageAlt: "Analytics dashboard interface"
+              },
+              items: [
+                { icon: Check, text: "Real-time data visualization" },
+                { icon: Check, text: "Custom report generation" },
+                { icon: Check, text: "Automated insights" }
+              ],
+              reverse: false
+            },
+            {
+              id: "2",              title: "Seamless API Integration",              description: "Connect your entire tech stack with our comprehensive REST and GraphQL APIs. Full documentation and SDKs included for rapid development.",              media: {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVQkDKejFlmLYQjsfRZivtawgw/cloud-technology-and-integration-concept-1772675456558-09bd9b91.png?_wi=1",                imageAlt: "API integration visualization"
+              },
+              items: [
+                { icon: Check, text: "REST and GraphQL support" },
+                { icon: Check, text: "Multiple SDK libraries" },
+                { icon: Check, text: "Comprehensive documentation" }
+              ],
+              reverse: true
+            },
+            {
+              id: "3",              title: "Enterprise Security & Scale",              description: "Built on battle-tested infrastructure with enterprise-grade security, compliance, and scalability to handle any workload.",              media: {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVQkDKejFlmLYQjsfRZivtawgw/data-processing-visualization-with-flowi-1772675456291-93bafa26.png?_wi=1",                imageAlt: "Security and infrastructure"
+              },
+              items: [
+                { icon: Check, text: "End-to-end encryption" },
+                { icon: Check, text: "SOC 2 compliant" },
+                { icon: Check, text: "Global redundancy" }
+              ],
+              reverse: false
+            }
+          ]}
           title="The Future of Intelligence"
           description="Harness the power of advanced AI to transform your business. Intuitive, powerful, beautiful."
           tag="AI Platform"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          background={{ variant: "plain" }}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
           buttons={[
             { text: "Start Free Trial", href: "#contact" },
             { text: "View Demo", href: "#features" },
           ]}
           buttonAnimation="blur-reveal"
-          mediaItems={[
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVQkDKejFlmLYQjsfRZivtawgw/a-sleek-ai-platform-interface-dashboard--1772675460159-6bbc074e.png?_wi=1", imageAlt: "AI Platform Interface" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVQkDKejFlmLYQjsfRZivtawgw/abstract-representation-of-artificial-in-1772675455860-e987e1e1.png?_wi=1", imageAlt: "AI Automation" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVQkDKejFlmLYQjsfRZivtawgw/data-processing-visualization-with-flowi-1772675456291-93bafa26.png?_wi=1", imageAlt: "Data Processing" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVQkDKejFlmLYQjsfRZivtawgw/cloud-technology-and-integration-concept-1772675456558-09bd9b91.png?_wi=1", imageAlt: "Cloud Integration" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVQkDKejFlmLYQjsfRZivtawgw/a-sleek-ai-platform-interface-dashboard--1772675460159-6bbc074e.png?_wi=2", imageAlt: "AI Platform Interface" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVQkDKejFlmLYQjsfRZivtawgw/abstract-representation-of-artificial-in-1772675455860-e987e1e1.png?_wi=2", imageAlt: "AI Automation" },
-          ]}
         />
       </div>
 
@@ -118,6 +147,9 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
+          buttons={[
+            { text: "See How It Works", href: "#features" },
+          ]}
         />
       </div>
 
@@ -188,4 +220,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}