Switch to version 1: remove src/app/solutions/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -1,53 +0,0 @@
-"use client";
-
-import ReactLenis from "lenis/react";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
-import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-
-export default function AboutPage() {
-  return (
-    <ThemeProvider
-      defaultButtonVariant="text-stagger"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
-      contentWidth="medium"
-      sizing="medium"
-      background="none"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="normal"
-    >
-      <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingOverlay
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "About", id: "/about" },
-              { name: "Contact", id: "/contact" },
-            ]}
-            button={{ text: "Get Started", href: "/contact" }}
-          />
-        </div>
-        <div id="about-section" data-section="about-section">
-          <TextSplitAbout
-            title="About Webild"
-            description="We are a passionate team of designers, developers, and strategists dedicated to crafting exceptional digital experiences. Since our inception, we have been helping brands tell their stories and reach their full potential through high-performance web solutions."
-            useInvertedBackground={false}
-          />
-        </div>
-        <div id="footer" data-section="footer">
-          <FooterBaseReveal
-            logoText="Webild"
-            copyrightText="© 2026 | Webild"
-            columns={[
-              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }
-            ]}
-          />
-        </div>
-      </ReactLenis>
-    </ThemeProvider>
-  );
-}

src/app/contact/page.tsx

@@ -1,55 +0,0 @@
-"use client";
-
-import ReactLenis from "lenis/react";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
-import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-
-export default function ContactPage() {
-  return (
-    <ThemeProvider
-      defaultButtonVariant="text-stagger"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
-      contentWidth="medium"
-      sizing="medium"
-      background="none"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="normal"
-    >
-      <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingOverlay
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "About", id: "/about" },
-              { name: "Contact", id: "/contact" },
-            ]}
-            button={{ text: "Get Started", href: "/contact" }}
-          />
-        </div>
-        <div id="contact-section" data-section="contact-section">
-          <ContactSplit
-            tag="Contact Us"
-            title="Let's Start Your Project"
-            description="We are ready to build something great with you. Fill out the form and we'll be in touch within 24 hours."
-            background={{ variant: "canvas-reveal" }}
-            useInvertedBackground={false}
-          />
-        </div>
-        <div id="footer" data-section="footer">
-          <FooterBaseReveal
-            logoText="Webild"
-            copyrightText="© 2026 | Webild"
-            columns={[
-              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }
-            ]}
-          />
-        </div>
-      </ReactLenis>
-    </ThemeProvider>
-  );
-}

src/app/page.tsx

@@ -35,10 +35,10 @@ export default function WebAgency2Page() {
           navItems={[
             { name: "Work", id: "work" },
             { name: "Services", id: "services" },
-            { name: "About", id: "/about" },
-            { name: "Contact", id: "/contact" },
+            { name: "About", id: "about" },
+            { name: "Contact", id: "contact" },
           ]}
-          button={{ text: "Get Started", href: "/contact" }}
+          button={{ text: "Get Started", href: "#contact" }}
         />
         <HeroSplitDoubleCarousel
           title="We Build Digital Experiences"
@@ -48,7 +48,7 @@ export default function WebAgency2Page() {
           tagAnimation="slide-up"
           background={{ variant: "canvas-reveal" }}
           buttons={[
-            { text: "Start Project", href: "/contact" },
+            { text: "Start Project", href: "#contact" },
             { text: "View Work", href: "#work" },
           ]}
           buttonAnimation="slide-up"
@@ -78,18 +78,28 @@ export default function WebAgency2Page() {
           buttonAnimation="slide-up"
           features={[
             {
-              title: "SEO",              description: "We optimize your website to rank higher on search engines and drive organic traffic.",              bentoComponent: "marquee",              centerIcon: Search,
-              variant: "text",              texts: ["Keywords", "Backlinks", "Meta Tags", "Organic Traffic", "Rankings", "Analytics", "SERP", "Indexing"],
+              title: "SEO",
+              description: "We optimize your website to rank higher on search engines and drive organic traffic.",
+              bentoComponent: "marquee",
+              centerIcon: Search,
+              variant: "text",
+              texts: ["Keywords", "Backlinks", "Meta Tags", "Organic Traffic", "Rankings", "Analytics", "SERP", "Indexing"],
             },
             {
-              title: "Web Development",              description: "Custom-built websites that are fast, responsive, and designed to convert.",              bentoComponent: "media-stack",              items: [
+              title: "Web Development",
+              description: "Custom-built websites that are fast, responsive, and designed to convert.",
+              bentoComponent: "media-stack",
+              items: [
                 { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Web project - AgentFlow AI platform" },
                 { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", imageAlt: "Web project - Architecture studio" },
                 { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp", imageAlt: "Web project - Summit Roofing" },
               ],
             },
             {
-              title: "Branding",              description: "Build a memorable brand identity that resonates with your audience.",              bentoComponent: "media-stack",              items: [
+              title: "Branding",
+              description: "Build a memorable brand identity that resonates with your audience.",
+              bentoComponent: "media-stack",
+              items: [
                 { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "Brand project 1" },
                 { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "Brand project 2" },
                 { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "Brand project 3" },
@@ -107,20 +117,45 @@ export default function WebAgency2Page() {
           cardClassName="!h-auto aspect-video"
           features={[
             {
-              title: "Umbra Skincare",              description: "Luxury fragrance e-commerce",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp",              imageAlt: "Umbra Skincare website",              buttonIcon: ArrowUpRight,
-              buttonHref: "#"},
+              title: "Umbra Skincare",
+              description: "Luxury fragrance e-commerce",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp",
+              imageAlt: "Umbra Skincare website",
+              buttonIcon: ArrowUpRight,
+              buttonHref: "#",
+            },
             {
-              title: "Luxuria Travel",              description: "Bespoke luxury travel experiences",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp",              imageAlt: "Luxuria Travel website",              buttonIcon: ArrowUpRight,
-              buttonHref: "#"},
+              title: "Luxuria Travel",
+              description: "Bespoke luxury travel experiences",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp",
+              imageAlt: "Luxuria Travel website",
+              buttonIcon: ArrowUpRight,
+              buttonHref: "#",
+            },
             {
-              title: "Dental Care",              description: "Premier dental practice",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp",              imageAlt: "Luxury Dental Care website",              buttonIcon: ArrowUpRight,
-              buttonHref: "#"},
+              title: "Dental Care",
+              description: "Premier dental practice",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp",
+              imageAlt: "Luxury Dental Care website",
+              buttonIcon: ArrowUpRight,
+              buttonHref: "#",
+            },
             {
-              title: "Summit Roofing",              description: "Professional roofing services",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp",              imageAlt: "Summit Roofing website",              buttonIcon: ArrowUpRight,
-              buttonHref: "#"},
+              title: "Summit Roofing",
+              description: "Professional roofing services",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp",
+              imageAlt: "Summit Roofing website",
+              buttonIcon: ArrowUpRight,
+              buttonHref: "#",
+            },
             {
-              title: "Dubai Real Estate",              description: "Luxury property listings",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp",              imageAlt: "Dubai Real Estate website",              buttonIcon: ArrowUpRight,
-              buttonHref: "#"},
+              title: "Dubai Real Estate",
+              description: "Luxury property listings",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp",
+              imageAlt: "Dubai Real Estate website",
+              buttonIcon: ArrowUpRight,
+              buttonHref: "#",
+            },
           ]}
         />
         <FeatureBento
@@ -131,9 +166,14 @@ export default function WebAgency2Page() {
           animationType="slide-up"
           features={[
             {
-              title: "All Devices Optimization",              description: "Pixel-perfect websites that look stunning on every screen size and device.",              bentoComponent: "phone",              statusIcon: Lock,
+              title: "All Devices Optimization",
+              description: "Pixel-perfect websites that look stunning on every screen size and device.",
+              bentoComponent: "phone",
+              statusIcon: Lock,
               alertIcon: Monitor,
-              alertTitle: "Responsive check",              alertMessage: "All breakpoints passed",              apps: [
+              alertTitle: "Responsive check",
+              alertMessage: "All breakpoints passed",
+              apps: [
                 { name: "Phone", icon: Phone },
                 { name: "SMS", icon: MessageCircle },
                 { name: "Books", icon: BookOpen },
@@ -145,17 +185,29 @@ export default function WebAgency2Page() {
               ],
             },
             {
-              title: "Secure Hosting",              description: "Enterprise-grade security and 99.9% uptime for your website.",              bentoComponent: "reveal-icon",              icon: Shield,
+              title: "Secure Hosting",
+              description: "Enterprise-grade security and 99.9% uptime for your website.",
+              bentoComponent: "reveal-icon",
+              icon: Shield,
             },
             {
-              title: "Fast Turnaround",              description: "From concept to launch in record time without sacrificing quality.",              bentoComponent: "timeline",              heading: "Project Launch",              subheading: "Week 1",              items: [
+              title: "Fast Turnaround",
+              description: "From concept to launch in record time without sacrificing quality.",
+              bentoComponent: "timeline",
+              heading: "Project Launch",
+              subheading: "Week 1",
+              items: [
                 { label: "Discovery & wireframes", detail: "Day 1-3" },
                 { label: "Design & development", detail: "Day 4-10" },
                 { label: "Testing & deployment", detail: "Day 11-14" },
               ],
-              completedLabel: "Live"},
+              completedLabel: "Live",
+            },
             {
-              title: "Seamless Integrations",              description: "Connect with the tools you already use — CRMs, analytics, payments, and more.",              bentoComponent: "orbiting-icons",              centerIcon: Puzzle,
+              title: "Seamless Integrations",
+              description: "Connect with the tools you already use — CRMs, analytics, payments, and more.",
+              bentoComponent: "orbiting-icons",
+              centerIcon: Puzzle,
               items: [
                 { icon: Shield },
                 { icon: Monitor },
@@ -164,7 +216,10 @@ export default function WebAgency2Page() {
               ],
             },
             {
-              title: "Growth Trends",              description: "Data-driven insights to optimize your search presence and drive traffic.",              bentoComponent: "line-chart"},
+              title: "Growth Trends",
+              description: "Data-driven insights to optimize your search presence and drive traffic.",
+              bentoComponent: "line-chart",
+            },
           ]}
         />
         <TestimonialCardFifteen
@@ -199,11 +254,21 @@ export default function WebAgency2Page() {
           animationType="slide-up"
           negativeCard={{
             items: [
-              "Generic templates with no personality",              "Slow load times and poor performance",              "No SEO strategy or search visibility",              "Outdated design that hurts credibility",              "No ongoing support after launch"],
+              "Generic templates with no personality",
+              "Slow load times and poor performance",
+              "No SEO strategy or search visibility",
+              "Outdated design that hurts credibility",
+              "No ongoing support after launch",
+            ],
           }}
           positiveCard={{
             items: [
-              "Custom designs tailored to your brand",              "Lightning-fast performance on all devices",              "Built-in SEO to drive organic traffic",              "Modern design that builds trust",              "Dedicated support and maintenance"],
+              "Custom designs tailored to your brand",
+              "Lightning-fast performance on all devices",
+              "Built-in SEO to drive organic traffic",
+              "Modern design that builds trust",
+              "Dedicated support and maintenance",
+            ],
           }}
         />
         <TeamCardFive
@@ -239,7 +304,7 @@ export default function WebAgency2Page() {
           description="Let's build something extraordinary together. Get in touch and let's discuss your next project."
           background={{ variant: "rotated-rays-animated" }}
           buttons={[
-            { text: "Start Your Project", href: "/contact" },
+            { text: "Start Your Project", href: "#contact" },
             { text: "View Our Work", href: "#work" },
           ]}
           buttonAnimation="slide-up"
@@ -250,15 +315,17 @@ export default function WebAgency2Page() {
           copyrightText="© 2026 | Webild"
           columns={[
             {
-              title: "Company",              items: [
-                { label: "About", href: "/about" },
+              title: "Company",
+              items: [
+                { label: "About", href: "#about" },
                 { label: "Services", href: "#services" },
                 { label: "Work", href: "#work" },
-                { label: "Contact", href: "/contact" },
+                { label: "Contact", href: "#contact" },
               ],
             },
             {
-              title: "Services",              items: [
+              title: "Services",
+              items: [
                 { label: "Web Development", href: "#" },
                 { label: "SEO", href: "#" },
                 { label: "Branding", href: "#" },
@@ -266,7 +333,8 @@ export default function WebAgency2Page() {
               ],
             },
             {
-              title: "Connect",              items: [
+              title: "Connect",
+              items: [
                 { label: "Twitter", href: "#" },
                 { label: "LinkedIn", href: "#" },
                 { label: "Instagram", href: "#" },

src/app/solutions/page.tsx

@@ -1,70 +0,0 @@
-"use client";
-
-import ReactLenis from "lenis/react";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
-import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { Shield, Lock, Zap } from "lucide-react";
-
-export default function SolutionsPage() {
-  return (
-    <ThemeProvider
-      defaultButtonVariant="text-stagger"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
-      contentWidth="medium"
-      sizing="medium"
-      background="none"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="normal"
-    >
-      <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingOverlay
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "About", id: "/about" },
-              { name: "Contact", id: "/contact" },
-            ]}
-            button={{ text: "Get Started", href: "/contact" }}
-          />
-        </div>
-        <div id="features" data-section="features">
-          <FeatureCardTwentyFive
-            title="Our Solutions"
-            description="Comprehensive electric fence systems tailored for diverse environments."
-            textboxLayout="default"
-            useInvertedBackground={false}
-            animationType="slide-up"
-            features={[
-              {
-                title: "Residential Security",                description: "Protect your home with smart perimeter defense systems.",                icon: Shield,
-                mediaItems: [{ imageSrc: "/placeholder.png" }, { imageSrc: "/placeholder.png" }]
-              },
-              {
-                title: "Commercial Perimeter",                description: "Industrial-grade security for businesses and facilities.",                icon: Lock,
-                mediaItems: [{ imageSrc: "/placeholder.png" }, { imageSrc: "/placeholder.png" }]
-              },
-              {
-                title: "Smart Integration",                description: "Cloud-based monitoring and real-time alerts for all zones.",                icon: Zap,
-                mediaItems: [{ imageSrc: "/placeholder.png" }, { imageSrc: "/placeholder.png" }]
-              }
-            ]}
-          />
-        </div>
-        <div id="footer" data-section="footer">
-          <FooterBaseReveal
-            logoText="Webild"
-            copyrightText="© 2026 | Webild"
-            columns={[
-              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }
-            ]}
-          />
-        </div>
-      </ReactLenis>
-    </ThemeProvider>
-  );
-}