Merge version_9 into main

Merge version_9 into main

src/app/contact/page.tsx

@@ -0,0 +1,106 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Github, Linkedin, Mail, MessageSquare, Phone, Twitter } from 'lucide-react';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Webild"
+          navItems={[
+            { name: "Services", id: "/" },
+            { name: "Portfolio", id: "/" },
+            { name: "About", id: "/" },
+            { name: "Projects", id: "/projects" },
+            { name: "Contact", id: "/contact" }
+          ]}
+          button={{
+            text: "Get Started",            href: "/contact"
+          }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroSplit
+          title="Start Your Project Today"
+          description="Let's discuss your vision and how we can bring it to life. Fill out the form below, and one of our team members will get back to you within 24 hours to discuss your project requirements and next steps."
+          background={{ variant: "plain" }}
+          tag="Contact Us"
+          tagIcon={MessageSquare}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Call Us", href: "tel:+372123456789" },
+            { text: "Email Us", href: "mailto:hello@webild.ee" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-collaborative-team-working-on-digital--1772410619773-fb0bf645.png?_wi=1"
+          imageAlt="Contact our team"
+          mediaAnimation="blur-reveal"
+          imagePosition="right"
+        />
+      </div>
+
+      <div id="contact-form" data-section="contact-form">
+        <ContactFaq
+          faqs={[
+            {
+              id: "1",              title: "What's the typical project timeline?",              content: "Project timelines vary depending on scope and complexity. Typically, a website takes 8-12 weeks from discovery to launch, while larger projects or custom applications may take 3-6 months. We'll provide a detailed timeline during our initial consultation."
+            },
+            {
+              id: "2",              title: "Do you offer ongoing support and maintenance?",              content: "Absolutely! We provide comprehensive post-launch support, including bug fixes, updates, security patches, and feature enhancements. We offer flexible maintenance packages tailored to your needs."
+            },
+            {
+              id: "3",              title: "How much does a project cost?",              content: "Project costs depend on scope, complexity, and specific requirements. We provide transparent quotes after understanding your needs. We work with various budgets and offer flexible engagement models including fixed-price projects and time-based engagements."
+            },
+            {
+              id: "4",              title: "Will my website be mobile-friendly?",              content: "Yes, all our projects are built with a mobile-first approach. We ensure your website, app, or platform works seamlessly across all devices—phones, tablets, and desktops—providing an optimal user experience everywhere."
+            },
+            {
+              id: "5",              title: "How do you approach project communication?",              content: "Communication is crucial to our process. We assign a dedicated project manager to your account and provide regular updates via email, calls, and project management tools. You'll have visibility into progress at every stage."
+            },
+            {
+              id: "6",              title: "Can you help with existing projects?",              content: "Yes! We can work with existing websites, apps, and platforms—whether you need redesigns, optimizations, bug fixes, or feature additions. We'll audit your current solution and recommend improvements."
+            }
+          ]}
+          ctaTitle="Ready to Start Your Project?"
+          ctaDescription="Let's work together to bring your vision to life. Contact our team to schedule a free consultation."
+          ctaButton={{
+            text: "Schedule a Consultation",            href: "mailto:hello@webild.ee?subject=Project%20Consultation%20Request"
+          }}
+          ctaIcon={Phone}
+          useInvertedBackground={false}
+          animationType="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Webild"
+          copyrightText="© 2025 Webild. All rights reserved. Based in Estonia."
+          socialLinks={[
+            { icon: Linkedin, href: "https://linkedin.com/company/webild", ariaLabel: "LinkedIn" },
+            { icon: Twitter, href: "https://twitter.com/webild", ariaLabel: "Twitter" },
+            { icon: Github, href: "https://github.com/webild", ariaLabel: "GitHub" }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -1,46 +1,25 @@
 import type { Metadata } from "next";
-import { Cabin } from "next/font/google";
+import { Inter } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
+import "./styles/variables.css";
+import "./styles/base.css";
 
-const cabin = Cabin({
-  variable: "--font-cabin",  subsets: ["latin"],
+const inter = Inter({
+  variable: "--font-inter",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Webild | Web Design & Development Agency Estonia",  description: "Award-winning web agency in Estonia. We create stunning websites, e-commerce solutions, and digital experiences that drive growth. 150+ projects delivered.",  keywords: "web design, web development, Estonia, digital agency, e-commerce, branding, UI/UX design",  metadataBase: new URL("https://webild.ee"),
-  alternates: {
-    canonical: "https://webild.ee"
-  },
-  openGraph: {
-    title: "Webild - Digital Solutions for Modern Businesses",    description: "We craft stunning websites and digital experiences that drive growth. Award-winning Estonian web agency.",    url: "https://webild.ee",    siteName: "Webild",    type: "website",    images: [{
-      url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-modern-sleek-web-design-dashboard-inte-1772410620806-a7d4fdfe.png",      alt: "Webild - Web Design & Development"
-    }]
-  },
-  twitter: {
-    card: "summary_large_image",    title: "Webild | Web Design & Development Agency Estonia",    description: "Award-winning web agency creating stunning digital experiences. 150+ projects delivered.",    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-modern-sleek-web-design-dashboard-inte-1772410620806-a7d4fdfe.png"]
-  },
-  robots: {
-    index: true,
-    follow: true
-  }
+  title: "Webild - Digital Solutions for Modern Businesses",  description: "We craft stunning websites and digital experiences that drive growth. From strategy to launch, we transform your vision into reality with cutting-edge technology and creative excellence."
 };
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${cabin.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={inter.variable}>{children}
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1408,7 +1387,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
 }

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -8,8 +8,10 @@ import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNinete
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterCard from '@/components/sections/footer/FooterCard';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import { Award, BarChart2, BarChart3, CheckCircle, Cloud, Code, Github, Lightbulb, Linkedin, Lock, MessageSquare, Palette, Paintbrush, Search, Share2, ShoppingCart, Smartphone, Sparkles, Star, Target, TrendingUp, Twitter, Users, Zap } from 'lucide-react';
 
 export default function LandingPage() {
@@ -17,11 +19,11 @@ export default function LandingPage() {
     <ThemeProvider
       defaultButtonVariant="icon-arrow"
       defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
+      borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
       background="aurora"
-      cardStyle="layered-gradient"
+      cardStyle="glass-elevated"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
@@ -33,10 +35,11 @@ export default function LandingPage() {
             { name: "Services", id: "services" },
             { name: "Portfolio", id: "metrics" },
             { name: "About", id: "about" },
-            { name: "Contact", id: "contact" }
+            { name: "Projects", id: "/projects" },
+            { name: "Contact", id: "/contact" }
           ]}
           button={{
-            text: "Get Started",            href: "#contact"
+            text: "Get Started",            href: "/contact"
           }}
         />
       </div>
@@ -56,7 +59,7 @@ export default function LandingPage() {
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Start Your Project", href: "#contact" },
+            { text: "Start Your Project", href: "/contact" },
             { text: "View Our Work", href: "#metrics" }
           ]}
           buttonAnimation="slide-up"
@@ -67,6 +70,26 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="trusted-by" data-section="trusted-by">
+        <SocialProofOne
+          title="Trusted by over 10,000 people"
+          description="Join thousands of businesses and professionals who rely on Webild for their digital success"
+          tag="Social Proof"
+          tagIcon={Users}
+          tagAnimation="slide-up"
+          names={[
+            "TechVentures Estonia",            "StartupHub Tallinn",            "BrandForce",            "EcommercePro",            "DataSolutions OÜ",            "CreativeStudio Tallinn",            "Innovation Labs",            "Digital Minds"
+          ]}
+          logos={[
+            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/placeholder-logo-1.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/placeholder-logo-2.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/placeholder-logo-3.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/placeholder-logo-4.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/placeholder-logo-5.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/placeholder-logo-6.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/placeholder-logo-7.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/placeholder-logo-8.png"
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          speed={40}
+          showCard={true}
+        />
+      </div>
+
       <div id="about" data-section="about">
         <TextAbout
           tag="About Webild"
@@ -74,7 +97,7 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           title="We transform ideas into impactful digital experiences that connect businesses with their audiences and drive measurable results"
           buttons={[
-            { text: "Learn Our Story", href: "#contact" },
+            { text: "Learn Our Story", href: "#about" },
             { text: "Explore Services", href: "#services" }
           ]}
           buttonAnimation="opacity"
@@ -172,6 +195,41 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="completed-projects" data-section="completed-projects">
+        <FeatureCardThree
+          title="Completed Projects"
+          description="Explore the digital solutions we've created for our clients that drive real results"
+          tag="Our Work"
+          tagIcon={Star}
+          tagAnimation="slide-up"
+          features={[
+            {
+              id: "01",              title: "E-Commerce Platform Redesign",              description: "Complete redesign and optimization of a major e-commerce platform resulting in 65% increase in conversions and improved user experience across all devices.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-modern-sleek-web-design-dashboard-inte-1772410620806-a7d4fdfe.png?_wi=1",              imageAlt: "E-commerce platform redesign"
+            },
+            {
+              id: "02",              title: "SaaS Dashboard Development",              description: "Built a comprehensive analytics dashboard for a leading SaaS platform enabling users to track KPIs, generate reports, and make data-driven decisions in real-time.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-designer-working-on-ui-ux-design-mocku-1772410619859-2afc13ae.png?_wi=1",              imageAlt: "SaaS dashboard development"
+            },
+            {
+              id: "03",              title: "Corporate Website Overhaul",              description: "Transformed a legacy corporate website into a modern, responsive platform that reflects the company's innovation and expertise, resulting in 40% more leads.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-developer-coding-and-building-a-web-ap-1772410619313-a14e8bb8.png?_wi=1",              imageAlt: "Corporate website overhaul"
+            },
+            {
+              id: "04",              title: "Mobile App Launch",              description: "Developed and launched a native iOS and Android app for a fintech startup, delivering a seamless user experience with secure payment integration and real-time notifications.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-collaborative-team-working-on-digital--1772410619773-fb0bf645.png?_wi=1",              imageAlt: "Mobile app launch"
+            },
+            {
+              id: "05",              title: "Brand Identity & Web Portal",              description: "Created comprehensive brand identity and built a custom web portal for a creative agency, establishing their market presence and attracting premium clients.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-successful-project-launch-moment-with--1772410619834-2853f669.png?_wi=1",              imageAlt: "Brand identity and web portal"
+            },
+            {
+              id: "06",              title: "Real Estate Platform",              description: "Built a feature-rich real estate marketplace with virtual tours, advanced search filters, and integrated CRM system for property management and lead tracking.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-professional-headshot-of-a-business-ex-1772410619456-f96891a2.png?_wi=1",              imageAlt: "Real estate platform"
+            }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          carouselMode="buttons"
+        />
+      </div>
+
       <div id="detailed-services" data-section="detailed-services">
         <FeatureCardTen
           title="Comprehensive Digital Services"

src/app/projects/page.tsx

@@ -0,0 +1,209 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Award, Briefcase, Code, Github, Linkedin, Palette, Smartphone, Star, Twitter, Users, Zap } from 'lucide-react';
+
+export default function ProjectsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Webild"
+          navItems={[
+            { name: "Services", id: "/" },
+            { name: "Portfolio", id: "/" },
+            { name: "About", id: "/" },
+            { name: "Projects", id: "/projects" },
+            { name: "Contact", id: "/contact" }
+          ]}
+          button={{
+            text: "Get Started",            href: "/contact"
+          }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroSplit
+          title="Ecommerce Platform Redesign Project"
+          description="A comprehensive case study of how we redesigned a major e-commerce platform, increasing conversions by 65% and transforming the user experience. This project showcases our expertise in modern web design, technical optimization, and strategic thinking."
+          background={{ variant: "plain" }}
+          tag="Case Study"
+          tagIcon={Briefcase}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "View Live Project", href: "#" },
+            { text: "Back to Portfolio", href: "/" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-modern-sleek-web-design-dashboard-inte-1772410620806-a7d4fdfe.png?_wi=1"
+          imageAlt="E-commerce platform redesign hero image"
+          mediaAnimation="blur-reveal"
+          imagePosition="right"
+        />
+      </div>
+
+      <div id="project-overview" data-section="project-overview">
+        <FeatureCardTen
+          title="Project Overview & Key Achievements"
+          description="See the comprehensive approach we took to transform this e-commerce platform and the measurable results we achieved"
+          tag="Project Success"
+          tagIcon={Star}
+          tagAnimation="slide-up"
+          features={[
+            {
+              id: "1",              title: "Strategic Discovery & Research",              description: "We began with in-depth user research, competitive analysis, and stakeholder interviews to understand the platform's challenges and opportunities.",              media: {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-collaborative-team-working-on-digital--1772410619773-fb0bf645.png?_wi=2"
+              },
+              items: [
+                { icon: Users, text: "User Research & Testing" },
+                { icon: Briefcase, text: "Competitive Analysis" },
+                { icon: Code, text: "Technical Audit" }
+              ],
+              reverse: false
+            },
+            {
+              id: "2",              title: "Modern Design System",              description: "Our designers created a cohesive, modern design system that improved usability and brand consistency across all platform touchpoints.",              media: {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-designer-working-on-ui-ux-design-mocku-1772410619859-2afc13ae.png?_wi=2"
+              },
+              items: [
+                { icon: Palette, text: "Visual Design" },
+                { icon: Award, text: "Design System" },
+                { icon: Smartphone, text: "Responsive Components" }
+              ],
+              reverse: true
+            },
+            {
+              id: "3",              title: "Performance Optimization",              description: "We optimized every aspect of the platform for speed and efficiency, reducing load times by 40% and improving Core Web Vitals significantly.",              media: {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-developer-coding-and-building-a-web-ap-1772410619313-a14e8bb8.png?_wi=2"
+              },
+              items: [
+                { icon: Zap, text: "Speed Optimization" },
+                { icon: Code, text: "Code Optimization" },
+                { icon: Users, text: "User Experience" }
+              ],
+              reverse: false
+            }
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="project-details" data-section="project-details">
+        <FeatureCardThree
+          title="Detailed Project Breakdown"
+          description="Explore the specific improvements and transformations we made to the e-commerce platform"
+          tag="Project Features"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          features={[
+            {
+              id: "1",              title: "Homepage Redesign",              description: "Completely redesigned the homepage to improve conversion funnel effectiveness, implementing A/B tested layouts that increased click-through rates by 35%.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-modern-sleek-web-design-dashboard-inte-1772410620806-a7d4fdfe.png?_wi=1",              imageAlt: "Homepage redesign"
+            },
+            {
+              id: "2",              title: "Product Catalog Optimization",              description: "Implemented advanced filtering, search functionality, and personalization features that reduced bounce rates by 28% and increased average order value.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-designer-working-on-ui-ux-design-mocku-1772410619859-2afc13ae.png?_wi=1",              imageAlt: "Product catalog optimization"
+            },
+            {
+              id: "3",              title: "Checkout Flow Improvement",              description: "Streamlined the checkout process from 8 steps to 3, implementing guest checkout and multiple payment options that reduced cart abandonment by 42%.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-developer-coding-and-building-a-web-ap-1772410619313-a14e8bb8.png?_wi=1",              imageAlt: "Checkout flow improvement"
+            },
+            {
+              id: "4",              title: "Mobile Experience Enhancement",              description: "Implemented a mobile-first design approach with touch-optimized interfaces and fast-loading progressive web app features for seamless mobile shopping.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-collaborative-team-working-on-digital--1772410619773-fb0bf645.png?_wi=1",              imageAlt: "Mobile experience enhancement"
+            },
+            {
+              id: "5",              title: "Analytics & Reporting Dashboard",              description: "Built a comprehensive dashboard providing real-time insights into sales, customer behavior, inventory levels, and marketing performance metrics.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-successful-project-launch-moment-with--1772410619834-2853f669.png?_wi=1",              imageAlt: "Analytics dashboard"
+            },
+            {
+              id: "6",              title: "Security & Compliance",              description: "Implemented industry-standard security protocols, SSL encryption, PCI compliance, and data protection measures ensuring customer trust and regulatory compliance.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-professional-headshot-of-a-business-ex-1772410619456-f96891a2.png?_wi=1",              imageAlt: "Security measures"
+            }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          carouselMode="buttons"
+        />
+      </div>
+
+      <div id="results" data-section="results">
+        <FeatureCardThree
+          title="Measurable Results & Impact"
+          description="The tangible outcomes that demonstrate the success of this comprehensive redesign project"
+          tag="Key Metrics"
+          tagIcon={Star}
+          tagAnimation="slide-up"
+          features={[
+            {
+              id: "1",              title: "65% Conversion Rate Increase",              description: "Through strategic UX improvements and A/B testing, we achieved a significant boost in conversion rates, directly impacting revenue and business growth.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-modern-sleek-web-design-dashboard-inte-1772410620806-a7d4fdfe.png?_wi=1",              imageAlt: "Conversion improvements"
+            },
+            {
+              id: "2",              title: "40% Faster Page Load Times",              description: "Our optimization efforts reduced average page load times significantly, improving user satisfaction, SEO rankings, and overall platform performance.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-designer-working-on-ui-ux-design-mocku-1772410619859-2afc13ae.png?_wi=1",              imageAlt: "Performance metrics"
+            },
+            {
+              id: "3",              title: "28% Bounce Rate Reduction",              description: "Improved user engagement and navigation effectiveness led to visitors spending more time on the platform and exploring more products.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-developer-coding-and-building-a-web-ap-1772410619313-a14e8bb8.png?_wi=1",              imageAlt: "Engagement metrics"
+            },
+            {
+              id: "4",              title: "42% Cart Abandonment Reduction",              description: "Our simplified checkout process and multiple payment options convinced more customers to complete their purchases rather than abandon their carts.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-collaborative-team-working-on-digital--1772410619773-fb0bf645.png?_wi=1",              imageAlt: "Checkout optimization"
+            },
+            {
+              id: "5",              title: "35% Average Order Value Increase",              description: "Enhanced product recommendations, improved search functionality, and better product presentation encouraged customers to purchase more items per transaction.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-successful-project-launch-moment-with--1772410619834-2853f669.png?_wi=1",              imageAlt: "Revenue growth"
+            },
+            {
+              id: "6",              title: "98% Platform Uptime",              description: "Our robust infrastructure and monitoring systems ensured reliable, consistent platform availability, building customer trust and reducing lost sales from downtime.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-professional-headshot-of-a-business-ex-1772410619456-f96891a2.png?_wi=1",              imageAlt: "Reliability metrics"
+            }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          carouselMode="buttons"
+        />
+      </div>
+
+      <div id="cta" data-section="cta">
+        <ContactCTA
+          tag="Ready to Transform Your Platform?"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          title="Let's Create Your Success Story"
+          description="Just like we transformed this e-commerce platform, we can help your business achieve remarkable results. Our proven methodology, expert team, and commitment to excellence ensure project success."
+          buttons={[
+            { text: "Start Your Project", href: "/contact" },
+            { text: "View More Projects", href: "/" }
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Webild"
+          copyrightText="© 2025 Webild. All rights reserved. Based in Estonia."
+          socialLinks={[
+            { icon: Linkedin, href: "https://linkedin.com/company/webild", ariaLabel: "LinkedIn" },
+            { icon: Twitter, href: "https://twitter.com/webild", ariaLabel: "Twitter" },
+            { icon: Github, href: "https://github.com/webild", ariaLabel: "GitHub" }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}