Update src/app/page.tsx

Merge version_15 into main

src/app/about/page.tsx

@@ -0,0 +1,62 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import AboutMetric from "@/components/sections/about/AboutMetric";
+import { Users, Globe, Zap } from "lucide-react";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+
+export default function AboutPage() {
+    const navItems = [
+        { name: "Home", id: "/" },
+        { name: "Services", id: "services" },
+        { name: "Work", id: "work" },
+        { name: "About", id: "/about" },
+        { name: "Contact", id: "/contact" },
+    ];
+
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="pill"
+            contentWidth="medium"
+            sizing="medium"
+            background="aurora"
+            cardStyle="layered-gradient"
+            primaryButtonStyle="gradient"
+            secondaryButtonStyle="glass"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <div id="nav" data-section="nav">
+                    <NavbarLayoutFloatingInline
+                        navItems={navItems}
+                        brandName="Studio"
+                        button={{ text: "Get in Touch", href: "/contact" }}
+                    />
+                </div>
+                <div id="about" data-section="about">
+                    <AboutMetric
+                        title="Our Story"
+                        metrics={[
+                            { icon: Users, label: "Team Members", value: "40+" },
+                            { icon: Globe, label: "Countries", value: "15" },
+                            { icon: Zap, label: "Projects", value: "500+" }
+                        ]}
+                        metricsAnimation="slide-up"
+                        useInvertedBackground={false}
+                    />
+                </div>
+                <div id="footer" data-section="footer">
+                    <FooterLogoReveal
+                        logoText="Studio"
+                        leftLink={{ text: "Privacy", href: "/privacy" }}
+                        rightLink={{ text: "Terms", href: "/terms" }}
+                    />
+                </div>
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/contact/page.tsx

@@ -8,9 +8,10 @@ import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 
 export default function ContactPage() {
     const navItems = [
-        { name: "Home", id: "home" },
+        { name: "Home", id: "/" },
         { name: "Services", id: "services" },
         { name: "Work", id: "work" },
+        { name: "About", id: "/about" },
         { name: "Contact", id: "/contact" },
     ];
 

src/app/page.tsx

@@ -19,6 +19,7 @@ export default function WebAgencyThemePage() {
         { name: "Home", id: "home" },
         { name: "Services", id: "services" },
         { name: "Work", id: "work" },
+        { name: "About", id: "/about" },
         { name: "Contact", id: "/contact" },
     ];
 
@@ -98,13 +99,13 @@ export default function WebAgencyThemePage() {
                     tagIcon={Layers}
                     features={[
                         {
-                            tag: "Service 01",                            title: "01",                            subtitle: "Web Development",                            description: "Your website should be more than functional—it should resonate. We craft bespoke digital experiences that merge innovation with creativity, delivering intuitive, visually stunning platforms that captivate audiences, reflect your brand's essence, and adapt to future opportunities.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process1.webp",                            imageAlt: "Web development"},
+                            tag: "Service 01",                            title: "01",                            subtitle: "Web Development",                            description: "Build high-performance, custom websites that boost engagement, scale with your traffic, and turn casual visitors into loyal customers.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process1.webp",                            imageAlt: "Web development"},
                         {
-                            tag: "Service 02",                            title: "02",                            subtitle: "Marketing",                            description: "Impactful marketing goes beyond visibility—it creates connections. We fuse creativity with analytics to craft adaptive strategies that engage your audience authentically, keeping your brand relevant and resonant while delivering measurable results in an ever-evolving digital world.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process2.webp",                            imageAlt: "Marketing"},
+                            tag: "Service 02",                            title: "02",                            subtitle: "Marketing",                            description: "Execute data-driven campaigns that amplify your reach, lower your acquisition costs, and maximize your return on ad spend.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process2.webp",                            imageAlt: "Marketing"},
                         {
-                            tag: "Service 03",                            title: "03",                            subtitle: "Design",                            description: "Design is your brand's voice. We craft visuals and layouts that communicate purpose, inspire trust, and connect emotionally. By harmonizing artistry with intent, our designs transform user interactions into meaningful, memorable experiences that align with your identity.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process3.webp",                            imageAlt: "Design"},
+                            tag: "Service 03",                            title: "03",                            subtitle: "Design",                            description: "Create striking brand visuals that differentiate you from competitors and build instant trust with your target audience.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process3.webp",                            imageAlt: "Design"},
                         {
-                            tag: "Service 04",                            title: "04",                            subtitle: "Software Development",                            description: "We build custom software that evolves with your business. By addressing unique challenges, our tailored solutions streamline workflows, eliminate inefficiencies, and foster innovation—empowering you to scale, adapt, and maintain a competitive edge in an ever-changing landscape.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process4.webp",                            imageAlt: "Software development"},
+                            tag: "Service 04",                            title: "04",                            subtitle: "Software Development",                            description: "Develop secure, scalable software solutions that streamline your operations and unlock new revenue streams for your business.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process4.webp",                            imageAlt: "Software development"},
                     ]}
                     textboxLayout="default"
                     useInvertedBackground={false}
@@ -183,8 +184,7 @@ export default function WebAgencyThemePage() {
                 <ContactText
                     text="Ready to transform your digital presence? Let's create something extraordinary together."
                     buttons={[
-                        { text: "Start a Project", href: "/contact" },
-                        { text: "Schedule a Call", href: "/contact" },
+                        { text: "Start Your Transformation", href: "/contact" },
                     ]}
                     background={{ variant: "canvas-reveal" }}
                     useInvertedBackground={false}