Update src/app/product/page.tsx

Merge version_4 into main

src/app/layout.tsx

@@ -16,7 +16,8 @@ export const metadata: Metadata = {
   openGraph: {
     title: "Professional Design Studio | Creative Branding & Design",    description: "Award-winning design studio creating compelling brand identities and digital experiences.",    type: "website",    siteName: "Studio",    images: [
       {
-        url: "http://img.b2bpic.net/free-photo/workplace-with-laptop_23-2147651756.jpg",        alt: "Studio Design Portfolio"},
+        url: "http://img.b2bpic.net/free-photo/workplace-with-laptop_23-2147651756.jpg",        alt: "Studio Design Portfolio"
+      },
     ],
   },
   twitter: {
@@ -1406,4 +1407,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -32,7 +32,7 @@ export default function LandingPage() {
           navItems={[
             { name: "About", id: "about" },
             { name: "Portfolio", id: "portfolio" },
-            { name: "Projects", id: "/projects" },
+            { name: "Product", id: "/product" },
             { name: "Team", id: "team" },
             { name: "Contact", id: "contact" }
           ]}
@@ -49,15 +49,15 @@ export default function LandingPage() {
           tag="Design Excellence"
           tagAnimation="slide-up"
           mediaItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/workplace-with-laptop_23-2147651756.jpg?_wi=1", imageAlt: "Portfolio showcase" },
-            { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card_23-2149277811.jpg?_wi=1", imageAlt: "Creative work" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/man-working-desk-top-view_23-2149930937.jpg?_wi=1", imageAlt: "Design process" },
-            { imageSrc: "http://img.b2bpic.net/free-psd/designer-template-design_23-2151802964.jpg?_wi=1", imageAlt: "Brand identity" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-interior-designer_23-2150346499.jpg?_wi=1", imageAlt: "Studio excellence" }
+            { imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=800&h=600&fit=crop&_wi=1", imageAlt: "Portfolio showcase" },
+            { imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop&_wi=1", imageAlt: "Creative work" },
+            { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=1", imageAlt: "Design process" },
+            { imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop&_wi=2", imageAlt: "Brand identity" },
+            { imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=800&h=600&fit=crop&_wi=2", imageAlt: "Studio excellence" }
           ]}
           mediaAnimation="blur-reveal"
           buttons={[
-            { text: "View Our Work", href: "/projects" },
+            { text: "View Our Work", href: "/product" },
             { text: "Start a Project", href: "contact" }
           ]}
           buttonAnimation="slide-up"
@@ -73,13 +73,13 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           products={[
             {
-              id: "proj-1",              name: "TechFlow Brand Identity",              price: "Complete Rebrand",              variant: "Logo, Guidelines, Digital Assets",              imageSrc: "http://img.b2bpic.net/free-psd/designer-template-design_23-2151802964.jpg?_wi=2",              imageAlt: "TechFlow branding"
+              id: "proj-1",              name: "TechFlow Brand Identity",              price: "Complete Rebrand",              variant: "Logo, Guidelines, Digital Assets",              imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop&_wi=3",              imageAlt: "TechFlow branding"
             },
             {
-              id: "proj-2",              name: "Luxe Packaging Design",              price: "Custom Solution",              variant: "Packaging, Labels, Unboxing Experience",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-interior-designer_23-2150346499.jpg?_wi=2",              imageAlt: "Luxury packaging"
+              id: "proj-2",              name: "Luxe Packaging Design",              price: "Custom Solution",              variant: "Packaging, Labels, Unboxing Experience",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=2",              imageAlt: "Luxury packaging"
             },
             {
-              id: "proj-3",              name: "Digital Experience Design",              price: "Full Service",              variant: "UI/UX, Web Design, Mobile App",              imageSrc: "http://img.b2bpic.net/free-vector/company-proposal-template-design_742173-21283.jpg?_wi=1",              imageAlt: "Digital design"
+              id: "proj-3",              name: "Digital Experience Design",              price: "Full Service",              variant: "UI/UX, Web Design, Mobile App",              imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=800&h=600&fit=crop&_wi=3",              imageAlt: "Digital design"
             }
           ]}
           gridVariant="three-columns-all-equal-width"
@@ -95,7 +95,7 @@ export default function LandingPage() {
           title="Crafting Design That Matters"
           description="We believe great design is more than aesthetics—it's a strategic tool that transforms brands and creates meaningful connections. Our team combines creative vision with strategic thinking to deliver work that resonates."
           tag="About Our Studio"
-          imageSrc="http://img.b2bpic.net/free-photo/cheerful-women-office_23-2147651758.jpg?_wi=1"
+          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=3"
           imageAlt="Our creative studio"
           buttons={[{ text: "Learn More", href: "#" }]}
           useInvertedBackground={true}
@@ -110,16 +110,16 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           features={[
             {
-              id: "01",              title: "Discovery & Strategy",              description: "Deep dive into your brand, market, and audience to uncover insights that drive design direction",              imageSrc: "http://img.b2bpic.net/free-vector/process-infographic-template_23-2149009144.jpg?_wi=1",              imageAlt: "Strategy session"
+              id: "01",              title: "Discovery & Strategy",              description: "Deep dive into your brand, market, and audience to uncover insights that drive design direction",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=4",              imageAlt: "Strategy session"
             },
             {
-              id: "02",              title: "Concept Development",              description: "Creative exploration and ideation resulting in bold, innovative design concepts",              imageSrc: "http://img.b2bpic.net/free-photo/business-people-pointing-screen_1098-21556.jpg?_wi=1",              imageAlt: "Design concepts"
+              id: "02",              title: "Concept Development",              description: "Creative exploration and ideation resulting in bold, innovative design concepts",              imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=800&h=600&fit=crop&_wi=4",              imageAlt: "Design concepts"
             },
             {
-              id: "03",              title: "Refinement & Execution",              description: "Meticulous attention to detail as we perfect and implement your chosen direction",              imageSrc: "http://img.b2bpic.net/free-photo/woodworker-black-businesswoman-examining-blueprints-factory-coronavirus-pandemic_637285-11917.jpg?_wi=1",              imageAlt: "Design execution"
+              id: "03",              title: "Refinement & Execution",              description: "Meticulous attention to detail as we perfect and implement your chosen direction",              imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop&_wi=4",              imageAlt: "Design execution"
             },
             {
-              id: "04",              title: "Delivery & Support",              description: "Comprehensive asset delivery and ongoing support to ensure successful implementation",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-hands-holding-open-novel-coffee-cup_53876-23475.jpg?_wi=1",              imageAlt: "Project delivery"
+              id: "04",              title: "Delivery & Support",              description: "Comprehensive asset delivery and ongoing support to ensure successful implementation",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=5",              imageAlt: "Project delivery"
             }
           ]}
           gridVariant="four-items-2x2-equal-grid"
@@ -138,16 +138,16 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           members={[
             {
-              id: "1",              name: "Sarah Chen",              role: "Creative Director",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg",              imageAlt: "Sarah Chen"
+              id: "1",              name: "Sarah Chen",              role: "Creative Director",              imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop",              imageAlt: "Sarah Chen"
             },
             {
-              id: "2",              name: "Marcus Rodriguez",              role: "Brand Strategist",              imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg",              imageAlt: "Marcus Rodriguez"
+              id: "2",              name: "Marcus Rodriguez",              role: "Brand Strategist",              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop",              imageAlt: "Marcus Rodriguez"
             },
             {
-              id: "3",              name: "Emma Thompson",              role: "Visual Designer",              imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",              imageAlt: "Emma Thompson"
+              id: "3",              name: "Emma Thompson",              role: "Visual Designer",              imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop",              imageAlt: "Emma Thompson"
             },
             {
-              id: "4",              name: "James Park",              role: "UX/UI Designer",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg",              imageAlt: "James Park"
+              id: "4",              name: "James Park",              role: "UX/UI Designer",              imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop",              imageAlt: "James Park"
             }
           ]}
           gridVariant="four-items-2x2-equal-grid"
@@ -195,22 +195,22 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           testimonials={[
             {
-              id: "1",              name: "Jessica Wong, CEO of TechFlow",              date: "Date: 15 November 2024",              title: "Transformed our entire brand presence",              quote: "The team completely transformed how we present ourselves to the market. Their strategic approach combined with stunning design has elevated our brand perception significantly.",              tag: "Brand Strategy",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-vector/flat-employee-appreciation-day-vertical-poster-template_23-2149272005.jpg?_wi=1",              imageAlt: "TechFlow transformation"
+              id: "1",              name: "Jessica Wong, CEO of TechFlow",              date: "Date: 15 November 2024",              title: "Transformed our entire brand presence",              quote: "The team completely transformed how we present ourselves to the market. Their strategic approach combined with stunning design has elevated our brand perception significantly.",              tag: "Brand Strategy",              avatarSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop",              imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=800&h=600&fit=crop&_wi=5",              imageAlt: "TechFlow transformation"
             },
             {
-              id: "2",              name: "David Chen, Founder of Luxe Co.",              date: "Date: 8 October 2024",              title: "Exceeded all our expectations",              quote: "Working with this studio was a game-changer. They took our vision and created something even better than we imagined. The attention to detail is remarkable.",              tag: "Packaging Design",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg?_wi=1",              imageAlt: "Luxe Co. packaging"
+              id: "2",              name: "David Chen, Founder of Luxe Co.",              date: "Date: 8 October 2024",              title: "Exceeded all our expectations",              quote: "Working with this studio was a game-changer. They took our vision and created something even better than we imagined. The attention to detail is remarkable.",              tag: "Packaging Design",              avatarSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=6",              imageAlt: "Luxe Co. packaging"
             },
             {
-              id: "3",              name: "Amanda Rodriguez, Marketing Director of Startify",              date: "Date: 22 September 2024",              title: "Professional and innovative",              quote: "Their team brought fresh ideas and professional execution to our digital presence. Our user engagement increased dramatically after the redesign.",              tag: "UI/UX Design",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-working-office_23-2149636256.jpg?_wi=1",              imageAlt: "Startify digital design"
+              id: "3",              name: "Amanda Rodriguez, Marketing Director of Startify",              date: "Date: 22 September 2024",              title: "Professional and innovative",              quote: "Their team brought fresh ideas and professional execution to our digital presence. Our user engagement increased dramatically after the redesign.",              tag: "UI/UX Design",              avatarSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop",              imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop&_wi=5",              imageAlt: "Startify digital design"
             },
             {
-              id: "4",              name: "Michael Thompson, COO of Global Brands Inc.",              date: "Date: 5 August 2024",              title: "Delivered strategic value beyond design",              quote: "What impressed us most was how they aligned our visual identity with our business strategy. It's not just pretty—it's effective.",              tag: "Brand Identity",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16293.jpg?_wi=1",              imageAlt: "Global Brands identity"
+              id: "4",              name: "Michael Thompson, COO of Global Brands Inc.",              date: "Date: 5 August 2024",              title: "Delivered strategic value beyond design",              quote: "What impressed us most was how they aligned our visual identity with our business strategy. It's not just pretty—it's effective.",              tag: "Brand Identity",              avatarSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop",              imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=800&h=600&fit=crop&_wi=6",              imageAlt: "Global Brands identity"
             },
             {
-              id: "5",              name: "Sophie Bennett, Head of Creative at Design Hub",              date: "Date: 18 July 2024",              title: "True design partners",              quote: "They understood our brand as well as we did. The collaborative process was smooth, and the final results speak for themselves.",              tag: "Creative Direction",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/workspace-with-note-brick-wall_53876-31266.jpg",              imageAlt: "Design Hub collaboration"
+              id: "5",              name: "Sophie Bennett, Head of Creative at Design Hub",              date: "Date: 18 July 2024",              title: "True design partners",              quote: "They understood our brand as well as we did. The collaborative process was smooth, and the final results speak for themselves.",              tag: "Creative Direction",              avatarSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=7",              imageAlt: "Design Hub collaboration"
             },
             {
-              id: "6",              name: "Robert Kim, Founder of Innovation Labs",              date: "Date: 30 June 2024",              title: "Investment that truly paid off",              quote: "Our rebranding helped us attract top talent and better customers. The studio's work has become a competitive advantage for us.",              tag: "Full Rebrand",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/success-new-business-launch-plan-concept_53876-133970.jpg",              imageAlt: "Innovation Labs success"
+              id: "6",              name: "Robert Kim, Founder of Innovation Labs",              date: "Date: 30 June 2024",              title: "Investment that truly paid off",              quote: "Our rebranding helped us attract top talent and better customers. The studio's work has become a competitive advantage for us.",              tag: "Full Rebrand",              avatarSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop",              imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop&_wi=6",              imageAlt: "Innovation Labs success"
             }
           ]}
           textboxLayout="default"
@@ -241,7 +241,7 @@ export default function LandingPage() {
               title: "Navigate",              items: [
                 { label: "Home", href: "/" },
                 { label: "About", href: "#about" },
-                { label: "Projects", href: "/projects" },
+                { label: "Product", href: "/product" },
                 { label: "Team", href: "#team" }
               ]
             },
@@ -275,4 +275,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/product/page.tsx

@@ -0,0 +1,191 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Package, Sparkles } from "lucide-react";
+
+export default function ProductPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="mediumLarge"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered 
+          navItems={[
+            { name: "About", id: "about" },
+            { name: "Portfolio", id: "portfolio" },
+            { name: "Product", id: "/product" },
+            { name: "Team", id: "team" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{ text: "Get Started", href: "contact" }}
+          brandName="Studio"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardGallery
+          title="Our Product Portfolio"
+          description="A comprehensive showcase of all the brands and companies we have worked with. From startups to established enterprises, we deliver exceptional design solutions across diverse industries."
+          background={{ variant: "sparkles-gradient" }}
+          tag="Complete Portfolio"
+          tagAnimation="slide-up"
+          mediaItems={[
+            { imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=800&h=600&fit=crop&_wi=7", imageAlt: "Project 1" },
+            { imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop&_wi=7", imageAlt: "Project 2" },
+            { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=8", imageAlt: "Project 3" },
+            { imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=800&h=600&fit=crop&_wi=1", imageAlt: "Project 4" },
+            { imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=800&h=600&fit=crop&_wi=1", imageAlt: "Project 5" },
+            { imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=800&h=600&fit=crop&_wi=1", imageAlt: "Project 6" },
+            { imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=800&h=600&fit=crop&_wi=1", imageAlt: "Project 7" }
+          ]}
+          mediaAnimation="blur-reveal"
+          buttons={[
+            { text: "Start Your Project", href: "contact" },
+            { text: "Back to Home", href: "/" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="portfolio" data-section="portfolio">
+        <ProductCardFour 
+          title="Featured Client Projects"
+          description="A diverse selection of brands and companies across industries that have trusted us with their design challenges"
+          tag="Client Work"
+          tagIcon={Package}
+          tagAnimation="slide-up"
+          products={[
+            {
+              id: "client-1",              name: "TechFlow Solutions",              price: "Tech Startup",              variant: "Brand Identity, Digital Platform",              imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop&_wi=8",              imageAlt: "TechFlow project"
+            },
+            {
+              id: "client-2",              name: "Luxe Cosmetics Co.",              price: "Beauty Brand",              variant: "Packaging Design, Branding",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=9",              imageAlt: "Luxe Cosmetics project"
+            },
+            {
+              id: "client-3",              name: "EcoMove Transportation",              price: "Mobility Startup",              variant: "UI/UX, App Design, Branding",              imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=800&h=600&fit=crop&_wi=8",              imageAlt: "EcoMove project"
+            },
+            {
+              id: "client-4",              name: "Heritage Foods Ltd.",              price: "Food & Beverage",              variant: "Logo, Packaging, Guidelines",              imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=800&h=600&fit=crop&_wi=2",              imageAlt: "Heritage Foods project"
+            },
+            {
+              id: "client-5",              name: "FinanceFlow Bank",              price: "Financial Services",              variant: "Website Redesign, Mobile App",              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=800&h=600&fit=crop&_wi=2",              imageAlt: "FinanceFlow project"
+            },
+            {
+              id: "client-6",              name: "Creative Studio Collective",              price: "Design Agency",              variant: "Brand Refresh, Portfolio Site",              imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=800&h=600&fit=crop&_wi=2",              imageAlt: "Creative Studio project"
+            },
+            {
+              id: "client-7",              name: "AquaPure Water Systems",              price: "Environmental Tech",              variant: "B2B Branding, Marketing Materials",              imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=800&h=600&fit=crop&_wi=2",              imageAlt: "AquaPure project"
+            },
+            {
+              id: "client-8",              name: "Horizon Education Platform",              price: "EdTech Company",              variant: "Product Design, Learning Portal",              imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop&_wi=9",              imageAlt: "Horizon Education project"
+            },
+            {
+              id: "client-9",              name: "Nexus Global Consulting",              price: "Consulting Firm",              variant: "Corporate Identity, Website",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=10",              imageAlt: "Nexus Consulting project"
+            },
+            {
+              id: "client-10",              name: "ZenLife Wellness Brand",              price: "Wellness & Health",              variant: "Complete Brand System",              imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=800&h=600&fit=crop&_wi=3",              imageAlt: "ZenLife project"
+            },
+            {
+              id: "client-11",              name: "VenturePath Capital",              price: "Investment Firm",              variant: "Brand Positioning, Pitch Deck",              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=800&h=600&fit=crop&_wi=3",              imageAlt: "VenturePath project"
+            },
+            {
+              id: "client-12",              name: "StyleHub Fashion Collective",              price: "Fashion Brand",              variant: "E-commerce Design, Lookbooks",              imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=800&h=600&fit=crop&_wi=3",              imageAlt: "StyleHub project"
+            }
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="clientlogos" data-section="clientlogos">
+        <SocialProofOne
+          title="Trusted by Leading Brands"
+          description="We have had the privilege of working with companies across diverse industries, from innovative startups to established corporations"
+          tag="Our Clients"
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          names={[
+            "TechFlow Solutions",            "Luxe Cosmetics",            "EcoMove",            "Heritage Foods",            "FinanceFlow Bank",            "Creative Studio Collective",            "AquaPure Systems",            "Horizon Education",            "Nexus Global",            "ZenLife Wellness",            "VenturePath Capital",            "StyleHub Fashion"
+          ]}
+          speed={40}
+          showCard={true}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCTA 
+          tag="Your Project Awaits"
+          tagIcon={Sparkles}
+          title="Ready to Join Our Portfolio?"
+          description="Whether you're a startup with a big vision or an established brand looking to evolve, we'd love to discuss how we can help bring your vision to life."
+          buttons={[
+            { text: "Get In Touch", href: "contact" },
+            { text: "View Our Process", href: "/" }
+          ]}
+          buttonAnimation="slide-up"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple 
+          columns={[
+            {
+              title: "Navigate",              items: [
+                { label: "Home", href: "/" },
+                { label: "Product", href: "/product" },
+                { label: "Team", href: "#team" },
+                { label: "Contact", href: "#contact" }
+              ]
+            },
+            {
+              title: "Services",              items: [
+                { label: "Brand Strategy", href: "#" },
+                { label: "Design Systems", href: "#" },
+                { label: "Digital Design", href: "#" },
+                { label: "Packaging", href: "#" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#about" },
+                { label: "Contact", href: "#contact" },
+                { label: "Careers", href: "#" },
+                { label: "Blog", href: "#" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Cookie Policy", href: "#" }
+              ]
+            }
+          ]}
+          bottomLeftText="© 2025 Studio. All rights reserved."
+          bottomRightText="Crafting excellence in design"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/projects/page.tsx

@@ -45,13 +45,13 @@ export default function ProjectsPage() {
           tag="Complete Portfolio"
           tagAnimation="slide-up"
           mediaItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/workplace-with-laptop_23-2147651756.jpg?_wi=2", imageAlt: "Project 1" },
-            { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card_23-2149277811.jpg?_wi=2", imageAlt: "Project 2" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/man-working-desk-top-view_23-2149930937.jpg?_wi=2", imageAlt: "Project 3" },
-            { imageSrc: "http://img.b2bpic.net/free-psd/designer-template-design_23-2151802964.jpg?_wi=1", imageAlt: "Project 4" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-interior-designer_23-2150346499.jpg?_wi=1", imageAlt: "Project 5" },
-            { imageSrc: "http://img.b2bpic.net/free-vector/flat-employee-appreciation-day-vertical-poster-template_23-2149272005.jpg?_wi=2", imageAlt: "Project 6" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg?_wi=2", imageAlt: "Project 7" }
+            { imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=800&h=600&fit=crop&_wi=7", imageAlt: "Project 1" },
+            { imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop&_wi=7", imageAlt: "Project 2" },
+            { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=8", imageAlt: "Project 3" },
+            { imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=800&h=600&fit=crop&_wi=1", imageAlt: "Project 4" },
+            { imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=800&h=600&fit=crop&_wi=1", imageAlt: "Project 5" },
+            { imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=800&h=600&fit=crop&_wi=1", imageAlt: "Project 6" },
+            { imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=800&h=600&fit=crop&_wi=1", imageAlt: "Project 7" }
           ]}
           buttons={[
             { text: "Start Your Project", href: "contact" },
@@ -70,40 +70,40 @@ export default function ProjectsPage() {
           tagAnimation="slide-up"
           products={[
             {
-              id: "client-1",              name: "TechFlow Solutions",              price: "Tech Startup",              variant: "Brand Identity, Digital Platform",              imageSrc: "http://img.b2bpic.net/free-psd/designer-template-design_23-2151802964.jpg?_wi=2",              imageAlt: "TechFlow project"
+              id: "client-1",              name: "TechFlow Solutions",              price: "Tech Startup",              variant: "Brand Identity, Digital Platform",              imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop&_wi=8",              imageAlt: "TechFlow project"
             },
             {
-              id: "client-2",              name: "Luxe Cosmetics Co.",              price: "Beauty Brand",              variant: "Packaging Design, Branding",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-interior-designer_23-2150346499.jpg?_wi=2",              imageAlt: "Luxe Cosmetics project"
+              id: "client-2",              name: "Luxe Cosmetics Co.",              price: "Beauty Brand",              variant: "Packaging Design, Branding",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=9",              imageAlt: "Luxe Cosmetics project"
             },
             {
-              id: "client-3",              name: "EcoMove Transportation",              price: "Mobility Startup",              variant: "UI/UX, App Design, Branding",              imageSrc: "http://img.b2bpic.net/free-vector/company-proposal-template-design_742173-21283.jpg?_wi=2",              imageAlt: "EcoMove project"
+              id: "client-3",              name: "EcoMove Transportation",              price: "Mobility Startup",              variant: "UI/UX, App Design, Branding",              imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=800&h=600&fit=crop&_wi=8",              imageAlt: "EcoMove project"
             },
             {
-              id: "client-4",              name: "Heritage Foods Ltd.",              price: "Food & Beverage",              variant: "Logo, Packaging, Guidelines",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-office_23-2147651758.jpg?_wi=2",              imageAlt: "Heritage Foods project"
+              id: "client-4",              name: "Heritage Foods Ltd.",              price: "Food & Beverage",              variant: "Logo, Packaging, Guidelines",              imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=800&h=600&fit=crop&_wi=2",              imageAlt: "Heritage Foods project"
             },
             {
-              id: "client-5",              name: "FinanceFlow Bank",              price: "Financial Services",              variant: "Website Redesign, Mobile App",              imageSrc: "http://img.b2bpic.net/free-vector/process-infographic-template_23-2149009144.jpg?_wi=2",              imageAlt: "FinanceFlow project"
+              id: "client-5",              name: "FinanceFlow Bank",              price: "Financial Services",              variant: "Website Redesign, Mobile App",              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=800&h=600&fit=crop&_wi=2",              imageAlt: "FinanceFlow project"
             },
             {
-              id: "client-6",              name: "Creative Studio Collective",              price: "Design Agency",              variant: "Brand Refresh, Portfolio Site",              imageSrc: "http://img.b2bpic.net/free-photo/business-people-pointing-screen_1098-21556.jpg?_wi=2",              imageAlt: "Creative Studio project"
+              id: "client-6",              name: "Creative Studio Collective",              price: "Design Agency",              variant: "Brand Refresh, Portfolio Site",              imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=800&h=600&fit=crop&_wi=2",              imageAlt: "Creative Studio project"
             },
             {
-              id: "client-7",              name: "AquaPure Water Systems",              price: "Environmental Tech",              variant: "B2B Branding, Marketing Materials",              imageSrc: "http://img.b2bpic.net/free-photo/woodworker-black-businesswoman-examining-blueprints-factory-coronavirus-pandemic_637285-11917.jpg?_wi=2",              imageAlt: "AquaPure project"
+              id: "client-7",              name: "AquaPure Water Systems",              price: "Environmental Tech",              variant: "B2B Branding, Marketing Materials",              imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=800&h=600&fit=crop&_wi=2",              imageAlt: "AquaPure project"
             },
             {
-              id: "client-8",              name: "Horizon Education Platform",              price: "EdTech Company",              variant: "Product Design, Learning Portal",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-hands-holding-open-novel-coffee-cup_53876-23475.jpg?_wi=2",              imageAlt: "Horizon Education project"
+              id: "client-8",              name: "Horizon Education Platform",              price: "EdTech Company",              variant: "Product Design, Learning Portal",              imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop&_wi=9",              imageAlt: "Horizon Education project"
             },
             {
-              id: "client-9",              name: "Nexus Global Consulting",              price: "Consulting Firm",              variant: "Corporate Identity, Website",              imageSrc: "http://img.b2bpic.net/free-vector/flat-employee-appreciation-day-vertical-poster-template_23-2149272005.jpg?_wi=3",              imageAlt: "Nexus Consulting project"
+              id: "client-9",              name: "Nexus Global Consulting",              price: "Consulting Firm",              variant: "Corporate Identity, Website",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=10",              imageAlt: "Nexus Consulting project"
             },
             {
-              id: "client-10",              name: "ZenLife Wellness Brand",              price: "Wellness & Health",              variant: "Complete Brand System",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg?_wi=3",              imageAlt: "ZenLife project"
+              id: "client-10",              name: "ZenLife Wellness Brand",              price: "Wellness & Health",              variant: "Complete Brand System",              imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=800&h=600&fit=crop&_wi=3",              imageAlt: "ZenLife project"
             },
             {
-              id: "client-11",              name: "VenturePath Capital",              price: "Investment Firm",              variant: "Brand Positioning, Pitch Deck",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-working-office_23-2149636256.jpg?_wi=2",              imageAlt: "VenturePath project"
+              id: "client-11",              name: "VenturePath Capital",              price: "Investment Firm",              variant: "Brand Positioning, Pitch Deck",              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=800&h=600&fit=crop&_wi=3",              imageAlt: "VenturePath project"
             },
             {
-              id: "client-12",              name: "StyleHub Fashion Collective",              price: "Fashion Brand",              variant: "E-commerce Design, Lookbooks",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16293.jpg?_wi=2",              imageAlt: "StyleHub project"
+              id: "client-12",              name: "StyleHub Fashion Collective",              price: "Fashion Brand",              variant: "E-commerce Design, Lookbooks",              imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=800&h=600&fit=crop&_wi=3",              imageAlt: "StyleHub project"
             }
           ]}
           gridVariant="three-columns-all-equal-width"