Update src/app/work/page.tsx

src/app/page.tsx

@@ -18,8 +18,8 @@ export default function WebAgencyThemePage() {
     const navItems = [
         { name: "Home", id: "home" },
         { name: "Services", id: "services" },
-        { name: "Work", id: "work" },
+        { name: "Work", id: "/work" },
-        { name: "Contact", id: "contact" },
+        { name: "Contact", id: "/contact" }
     ];
 
     return (
@@ -39,7 +39,7 @@ export default function WebAgencyThemePage() {
                 <NavbarLayoutFloatingInline
                     navItems={navItems}
                     brandName="Studio"
-                    button={{ text: "Get in Touch", href: "#contact" }}
+                    button={{ text: "Get in Touch", href: "/contact" }}
                 />
                 <HeroSplitKpi
                     background={{ variant: "radial-gradient" }}
@@ -55,12 +55,10 @@ export default function WebAgencyThemePage() {
                     ]}
                     buttons={[
                         {
-                            text: "Start Project",
+                            text: "Start Project",                            href: "/contact"
-                            href: "#contact",
                         },
                         {
-                            text: "View Work",
+                            text: "View Work",                            href: "/work"
-                            href: "#work",
                         },
                     ]}
                     avatars={[
@@ -102,37 +100,13 @@ export default function WebAgencyThemePage() {
                     tagIcon={Layers}
                     features={[
                         {
-                            tag: "Service 01",
+                            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"},
-                            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 02",
+                            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"},
-                            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 03",
+                            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"},
-                            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 04",
+                            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"},
-                            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",
-                        },
                     ]}
                     textboxLayout="default"
                     useInvertedBackground={false}
@@ -159,53 +133,13 @@ export default function WebAgencyThemePage() {
                     tagIcon={Star}
                     testimonials={[
                         {
-                            id: "1",
+                            id: "1",                            name: "Sarah Johnson",                            date: "CEO, TechStart",                            title: "Transformed Our Digital Presence",                            quote: "Working with Studio was a game-changer for our startup. They delivered a website that not only looks stunning but converts visitors into customers at twice our previous rate.",                            tag: "Web Development",                            avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp",                            avatarAlt: "Sarah Johnson",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp?_wi=1",                            imageAlt: "TechStart project showcase"},
-                            name: "Sarah Johnson",
-                            date: "CEO, TechStart",
-                            title: "Transformed Our Digital Presence",
-                            quote: "Working with Studio was a game-changer for our startup. They delivered a website that not only looks stunning but converts visitors into customers at twice our previous rate.",
-                            tag: "Web Development",
-                            avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp",
-                            avatarAlt: "Sarah Johnson",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp",
-                            imageAlt: "TechStart project showcase",
-                        },
                         {
-                            id: "2",
+                            id: "2",                            name: "Michael Chen",                            date: "Founder, GrowthLab",                            title: "Exceeded All Expectations",                            quote: "The team's attention to detail and creative vision brought our brand to life in ways we never imagined. Our new platform has received incredible feedback from users.",                            tag: "Brand Design",                            avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero3.webp",                            avatarAlt: "Michael Chen",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero3.webp?_wi=1",                            imageAlt: "GrowthLab project showcase"},
-                            name: "Michael Chen",
-                            date: "Founder, GrowthLab",
-                            title: "Exceeded All Expectations",
-                            quote: "The team's attention to detail and creative vision brought our brand to life in ways we never imagined. Our new platform has received incredible feedback from users.",
-                            tag: "Brand Design",
-                            avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero3.webp",
-                            avatarAlt: "Michael Chen",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero3.webp",
-                            imageAlt: "GrowthLab project showcase",
-                        },
                         {
-                            id: "3",
+                            id: "3",                            name: "Emily Rodriguez",                            date: "Marketing Director, Elevate",                            title: "A True Partnership",                            quote: "From strategy to execution, Studio understood our vision and delivered beyond what we hoped for. The new website has become our most powerful marketing asset.",                            tag: "E-commerce",                            avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero4.webp",                            avatarAlt: "Emil Svenson",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero4.webp?_wi=1",                            imageAlt: "Elevate project showcase"},
-                            name: "Emily Rodriguez",
-                            date: "Marketing Director, Elevate",
-                            title: "A True Partnership",
-                            quote: "From strategy to execution, Studio understood our vision and delivered beyond what we hoped for. The new website has become our most powerful marketing asset.",
-                            tag: "E-commerce",
-                            avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero4.webp",
-                            avatarAlt: "Emil Svenson",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero4.webp",
-                            imageAlt: "Elevate project showcase",
-                        },
                         {
-                            id: "4",
+                            id: "4",                            name: "David Park",                            date: "CTO, InnovateCo",                            title: "Technical Excellence",                            quote: "The development team delivered a high-performance application that handles our complex requirements with ease. Their technical expertise is unmatched in the industry.",                            tag: "Web Application",                            avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero5.webp",                            avatarAlt: "David Park",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero5.webp",                            imageAlt: "InnovateCo project showcase"},
-                            name: "David Park",
-                            date: "CTO, InnovateCo",
-                            title: "Technical Excellence",
-                            quote: "The development team delivered a high-performance application that handles our complex requirements with ease. Their technical expertise is unmatched in the industry.",
-                            tag: "Web Application",
-                            avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero5.webp",
-                            avatarAlt: "David Park",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero5.webp",
-                            imageAlt: "InnovateCo project showcase",
-                        },
                     ]}
                     textboxLayout="default"
                     useInvertedBackground={false}
@@ -220,9 +154,7 @@ export default function WebAgencyThemePage() {
                     useInvertedBackground={false}
                     features={[
                         {
-                            title: "Discovery & Strategy",
+                            title: "Discovery & Strategy",                            description: "We start by understanding your goals, audience, and market to build a roadmap tailored to your business.",                            media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/services/how1.webp", imageAlt: "Discovery and strategy" },
-                            description: "We start by understanding your goals, audience, and market to build a roadmap tailored to your business.",
-                            media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/services/how1.webp", imageAlt: "Discovery and strategy" },
                             reverse: false,
                             items: [
                                 { icon: Code, text: "In-depth research and audits" },
@@ -231,9 +163,7 @@ export default function WebAgencyThemePage() {
                             ],
                         },
                         {
-                            title: "Design & Prototyping",
+                            title: "Design & Prototyping",                            description: "We translate strategy into visual concepts, iterating with you until every detail feels right.",                            media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/services/how2.webp", imageAlt: "Design and prototyping" },
-                            description: "We translate strategy into visual concepts, iterating with you until every detail feels right.",
-                            media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/services/how2.webp", imageAlt: "Design and prototyping" },
                             reverse: true,
                             items: [
                                 { icon: Palette, text: "Wireframes and mockups" },
@@ -242,9 +172,7 @@ export default function WebAgencyThemePage() {
                             ],
                         },
                         {
-                            title: "Build & Launch",
+                            title: "Build & Launch",                            description: "We develop, test, and deploy your project with precision, ensuring a smooth launch and measurable impact.",                            media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/services/how3.webp", imageAlt: "Build and launch" },
-                            description: "We develop, test, and deploy your project with precision, ensuring a smooth launch and measurable impact.",
-                            media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/services/how3.webp", imageAlt: "Build and launch" },
                             reverse: false,
                             items: [
                                 { icon: TrendingUp, text: "Agile development sprints" },
@@ -257,7 +185,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: "Start a Project", href: "/contact" },
                         { text: "Schedule a Call", href: "#call" },
                     ]}
                     background={{ variant: "canvas-reveal" }}

src/app/work/page.tsx

@@ -0,0 +1,120 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ProductCardOne from "@/components/sections/product/ProductCardOne";
+import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Sparkles, Zap, Star } from "lucide-react";
+
+export default function WorkPage() {
+    const navItems = [
+        { name: "Home", id: "home" },
+        { name: "Services", id: "services" },
+        { name: "Work", id: "/work" },
+        { name: "Contact", id: "/contact" }
+    ];
+
+    const footerColumns = [
+        {
+            title: "Services",            items: [
+                { label: "Web Development", href: "/work" },
+                { label: "Marketing", href: "/work" },
+                { label: "Design", href: "/work" },
+                { label: "Software Development", href: "/work" }
+            ]
+        },
+        {
+            title: "Company",            items: [
+                { label: "Home", href: "/" },
+                { label: "Work", href: "/work" },
+                { label: "Contact", href: "/contact" }
+            ]
+        },
+        {
+            title: "Contact Info",            items: [
+                { label: "Email: info@webdesigntech360.com", href: "mailto:info@webdesigntech360.com" },
+                { label: "Phone: +1 (555) 123-4567", href: "tel:+15551234567" },
+                { label: "Address: 123 Digital Drive, Innovation City, CA 90210", href: "#" }
+            ]
+        }
+    ];
+
+    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>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="Studio"
+                    button={{ text: "Get in Touch", href: "/contact" }}
+                />
+                <div id="portfolio" data-section="portfolio">
+                    <ProductCardOne
+                        title="Our Award-Winning Portfolio"
+                        description="Showcasing a selection of our most impactful web design and development projects."
+                        tag="Our Work"
+                        tagIcon={Sparkles}
+                        products={[
+                            {
+                                id: "ecommerce",                                name: "NextGen E-commerce Platform",                                price: "View Case Study",                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/portfolio/portfolio1.webp",                                imageAlt: "NextGen E-commerce Platform"},
+                            {
+                                id: "learning-hub",                                name: "Interactive Learning Hub",                                price: "View Case Study",                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/portfolio/portfolio2.webp",                                imageAlt: "Interactive Learning Hub"},
+                            {
+                                id: "rebranding-site",                                name: "Corporate Rebranding Site",                                price: "View Case Study",                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/portfolio/portfolio3.webp",                                imageAlt: "Corporate Rebranding Site"},
+                            {
+                                id: "business-directory",                                name: "Local Business Directory",                                price: "View Case Study",                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/portfolio/portfolio4.webp",                                imageAlt: "Local Business Directory"},
+                        ]}
+                        gridVariant="bento-grid"
+                        animationType="slide-up"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                    />
+                </div>
+                <div id="testimonials" data-section="testimonials">
+                    <TestimonialCardThirteen
+                        title="What Our Clients Say"
+                        description="Hear from happy clients who experienced the Tech360 difference."
+                        tag="Client Stories"
+                        tagIcon={Star}
+                        testimonials={[
+                            {
+                                id: "client-a",                                name: "CEO, Retail Innovations",                                handle: "",                                testimonial: "Tech360 transformed our online presence. The new e-commerce platform is visually stunning and incredibly efficient, leading to a significant increase in sales.",                                rating: 5,
+                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp?_wi=2",                                imageAlt: "Client A Avatar"
+                            },
+                            {
+                                id: "client-b",                                name: "Director of Education, Global Learning Institute",                                handle: "",                                testimonial: "The interactive learning hub developed by Tech360 is a masterpiece. Our students are more engaged, and the platform's stability is remarkable.",                                rating: 5,
+                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero3.webp?_wi=2",                                imageAlt: "Client B Avatar"
+                            },
+                            {
+                                id: "client-c",                                name: "Marketing Head, Apex Solutions",                                handle: "",                                testimonial: "Our corporate site redesign was seamless. Tech360's design acumen and attention to detail elevated our brand image considerably.",                                rating: 5,
+                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero4.webp?_wi=2",                                imageAlt: "Client C Avatar"
+                            }
+                        ]}
+                        showRating={true}
+                        carouselMode="auto"
+                        animationType="slide-up"
+                        textboxLayout="default"
+                        useInvertedBackground={true}
+                    />
+                </div>
+                <FooterSimple
+                    columns={footerColumns}
+                    bottomLeftText="© 2024 Web Design Tech360. All rights reserved."
+                    bottomRightText="Crafted with passion by Tech360"
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}