From b9c07bf37bafaf2909e1d10c7951c70edd54e2cb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 1 Jun 2026 05:02:28 +0000
Subject: [PATCH] Add src/app/work/page.tsx

---
 src/app/work/page.tsx | 120 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 120 insertions(+)
 create mode 100644 src/app/work/page.tsx

diff --git a/src/app/work/page.tsx b/src/app/work/page.tsx
new file mode 100644
index 0000000..ca7a8bd
--- /dev/null
+++ b/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",                                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",                                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",                                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>
+    );
+}
\ No newline at end of file