Update src/app/work/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,77 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Globe, Star, Users, Twitter, Instagram, Linkedin } from "lucide-react";
+
+export default function AboutPage() {
+    const navItems = [
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Work", id: "/work" },
+        { 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>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="Web Design Tech360"
+                    button={{ text: "Get in Touch", href: "/contact" }}
+                />
+                <div id="about" data-section="about">
+                    <SplitAbout
+                        title="About Web Design Tech360"
+                        description="Web Design Tech360 is a leading digital agency dedicated to transforming businesses through innovative web design, development, and strategic digital marketing. With over 15 years of experience, we partner with clients worldwide to create impactful online experiences that drive growth and deliver measurable results."
+                        tag="Our Story"
+                        bulletPoints={[
+                            { title: "Mission", description: "To empower businesses with exceptional digital solutions that enhance their online presence and achieve their strategic objectives.", icon: Globe },
+                            { title: "Vision", description: "To be the go-to partner for transformative web design and digital growth, recognized for creativity, technical excellence, and client success.", icon: Star },
+                            { title: "Values", description: "Innovation, Integrity, Collaboration, Excellence, Client-Centricity.", icon: Users }
+                        ]}
+                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/team/team1.webp"
+                        imageAlt="Web Design Tech360 Team Collaboration"
+                        mediaAnimation="slide-up"
+                        useInvertedBackground={true}
+                        textboxLayout="default"
+                    />
+                </div>
+                <ContactText
+                    text="Ready to elevate your online presence? Let's build your next digital success story together."
+                    buttons={[
+                        { text: "Start a Project", href: "/contact" },
+                        { text: "Schedule a Call", href: "/contact#schedule-call" }
+                    ]}
+                    background={{ variant: "canvas-reveal" }}
+                    useInvertedBackground={false}
+                />
+                <FooterCard
+                    logoText="Web Design Tech360"
+                    copyrightText="© 2025 Web Design Tech360. All rights reserved."
+                    socialLinks={[
+                        { icon: Twitter, href: "https://twitter.com", ariaLabel: "Follow us on Twitter" },
+                        { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
+                        { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "Connect on LinkedIn" }
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/contact/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 { Phone, Mail, Twitter, Instagram, Linkedin } from "lucide-react";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterCard from "@/components/sections/footer/FooterCard";
+
+export default function ContactPage() {
+    const navItems = [
+        { name: "Home", id: "/" },
+        { name: "Services", id: "/services" },
+        { 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>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="Web Design Tech360"
+                    button={{ text: "Get in Touch", href: "/contact" }}
+                />
+                <div id="contact-cta" data-section="contact-cta">
+                    <ContactCTA
+                        tag="Contact Us"
+                        tagIcon={Mail}
+                        title="Get in Touch with Web Design Tech360"
+                        description="Reach out to us via email or phone for inquiries, project discussions, or support."
+                        buttons={[
+                            { text: "Email Us", href: "mailto:info@webdesigntech360.com" },
+                            { text: "Call Us", href: "tel:+919672864324" }
+                        ]}
+                        background={{ variant: "radial-gradient" }}
+                        useInvertedBackground={false}
+                    />
+                </div>
+                <FooterCard
+                    logoText="Web Design Tech360"
+                    copyrightText="© 2025 Web Design Tech360. All rights reserved."
+                    socialLinks={[
+                        { icon: Twitter, href: "https://twitter.com", ariaLabel: "Follow us on Twitter" },
+                        { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
+                        { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "Connect on LinkedIn" }
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/page.tsx

@@ -18,7 +18,6 @@ export default function WebAgencyThemePage() {
     const navItems = [
         { name: "Home", id: "home" },
         { name: "Services", id: "services" },
-        { name: "Work", id: "/work" },
         { name: "Contact", id: "/contact" }
     ];
 
@@ -38,7 +37,7 @@ export default function WebAgencyThemePage() {
             <ReactLenis root>
                 <NavbarLayoutFloatingInline
                     navItems={navItems}
-                    brandName="Studio"
+                    brandName="Web Design Tech360"
                     button={{ text: "Get in Touch", href: "/contact" }}
                 />
                 <HeroSplitKpi
@@ -192,8 +191,8 @@ export default function WebAgencyThemePage() {
                     useInvertedBackground={false}
                 />
                 <FooterCard
-                    logoText="Studio"
-                    copyrightText="© 2025 Studio. All rights reserved."
+                    logoText="Web Design Tech360"
+                    copyrightText="© 2025 Web Design Tech360. All rights reserved."
                     socialLinks={[
                         { icon: Twitter, href: "https://twitter.com", ariaLabel: "Follow us on Twitter" },
                         { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },

src/app/services/page.tsx

@@ -0,0 +1,83 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Twitter, Instagram, Linkedin } from "lucide-react";
+import { Layers, Palette, Code, TrendingUp, ShoppingCart, ShieldCheck, HardDrive } from "lucide-react";
+
+export default function ServicesPage() {
+    const navItems = [
+        { name: "Home", id: "/" },
+        { name: "Services", id: "/services" },
+        { name: "Work", id: "/work" },
+        { 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>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="Studio"
+                    button={{ text: "Get in Touch", href: "/contact" }}
+                />
+                <div id="services" data-section="services">
+                    <FeatureCardEight
+                        title="Our Web Design & Development Services"
+                        description="Web Design Tech360 offers a comprehensive suite of services to build and maintain your online presence, ensuring digital success."
+                        tag="What We Offer"
+                        tagIcon={Layers}
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                        features={[
+                            {
+                                title: "Website Design",                                description: "Crafting visually stunning and user-friendly website designs that captivate your audience and reflect your brand identity.",                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process3.webp",                                imageAlt: "Website Design"
+                            },
+                            {
+                                title: "Website Development",                                description: "Bringing designs to life with robust and scalable website development, ensuring seamless functionality and performance.",                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process1.webp",                                imageAlt: "Website Development"
+                            },
+                            {
+                                title: "WordPress Development",                                description: "Specializing in custom WordPress solutions, from bespoke themes and plugins to comprehensive platform management.",                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process4.webp",                                imageAlt: "WordPress Development"
+                            },
+                            {
+                                title: "Ecommerce Websites",                                description: "Building powerful online stores that drive sales and provide an intuitive shopping experience for your customers.",                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/services/how3.webp",                                imageAlt: "Ecommerce Websites"
+                            },
+                            {
+                                title: "SEO Optimization",                                description: "Boosting your visibility on search engines, driving organic traffic and increasing your online reach with expert SEO strategies.",                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process2.webp",                                imageAlt: "SEO Optimization"
+                            },
+                            {
+                                title: "Website Maintenance",                                description: "Ensuring your website remains secure, updated, and performing optimally with our ongoing maintenance services.",                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/services/how1.webp",                                imageAlt: "Website Maintenance"
+                            },
+                            {
+                                title: "Web Hosting",                                description: "Reliable and secure web hosting solutions tailored to your needs, ensuring fast loading times and maximum uptime.",                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/services/how2.webp",                                imageAlt: "Web Hosting"
+                            }
+                        ]}
+                    />
+                </div>
+                <FooterCard
+                    logoText="Studio"
+                    copyrightText="© 2025 Studio. All rights reserved."
+                    socialLinks={[
+                        { icon: Twitter, href: "https://twitter.com", ariaLabel: "Follow us on Twitter" },
+                        { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
+                        { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "Connect on LinkedIn" }
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/work/page.tsx

@@ -3,44 +3,18 @@
 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";
+import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Twitter, Instagram, Linkedin, Briefcase } from "lucide-react";
 
 export default function WorkPage() {
     const navItems = [
-        { name: "Home", id: "home" },
-        { name: "Services", id: "services" },
+        { name: "Home", id: "/" },
+        { 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"
@@ -60,61 +34,55 @@ export default function WorkPage() {
                     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."
+                <div id="work" data-section="work">
+                    <ProductCardTwo
+                        title="Our Web Design & Development Portfolio"
+                        description="Explore our recent projects that showcase our expertise in creating impactful digital experiences across various industries."
                         tag="Our Work"
-                        tagIcon={Sparkles}
+                        tagIcon={Briefcase}
+                        textboxLayout="default"
+                        animationType="slide-up"
+                        gridVariant="uniform-all-items-equal"
+                        uniformGridCustomHeightClasses="min-h-[300px] lg:min-h-[400px]"
+                        useInvertedBackground={false}
                         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: "1", name: "Innovate Solutions", brand: "Client Project", price: "", rating: 5,
+                                reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero1.webp", imageAlt: "Modern Business Website"
                             },
                             {
-                                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: "2", name: "ShopSphere", brand: "Client Project", price: "", rating: 5,
+                                reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp?_wi=1", imageAlt: "E-commerce Platform Redesign"
                             },
                             {
-                                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"
+                                id: "3", name: "Global Connect", brand: "Client Project", price: "", rating: 5,
+                                reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero3.webp?_wi=1", imageAlt: "Corporate WordPress Site"
+                            },
+                            {
+                                id: "4", name: "LaunchPad", brand: "Client Project", price: "", rating: 5,
+                                reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero4.webp?_wi=1", imageAlt: "Startup Landing Page"
+                            },
+                            {
+                                id: "5", name: "DataDash App", brand: "Client Project", price: "", rating: 5,
+                                reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero5.webp", imageAlt: "Custom Web Application"
+                            },
+                            {
+                                id: "6", name: "Creative Canvas", brand: "Client Project", price: "", rating: 5,
+                                reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/services/how2.webp", imageAlt: "Portfolio Site for Artist"
                             }
                         ]}
-                        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"
+                <FooterCard
+                    logoText="Studio"
+                    copyrightText="© 2025 Studio. All rights reserved."
+                    socialLinks={[
+                        { icon: Twitter, href: "https://twitter.com", ariaLabel: "Follow us on Twitter" },
+                        { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
+                        { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "Connect on LinkedIn" }
+                    ]}
                 />
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}