Add src/app/projects/page.tsx

Merge version_7 into main

src/app/page.tsx

@@ -11,6 +11,7 @@ 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() {
@@ -34,6 +35,7 @@ export default function LandingPage() {
             { name: "Services", id: "services" },
             { name: "Portfolio", id: "metrics" },
             { name: "About", id: "about" },
+            { name: "Projects", id: "/projects" },
             { name: "Contact", id: "contact" }
           ]}
           button={{
@@ -68,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"

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: "/" }
+          ]}
+          button={{
+            text: "Get Started",            href: "mailto:hello@webild.ee"
+          }}
+        />
+      </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: "mailto:hello@webild.ee" },
+            { 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>
+  );
+}