Merge version_5 into main

Update src/app/product/page.tsx
2026-03-01 20:05:48 +00:00 · 2026-03-01 20:05:44 +00:00 · 2026-03-01 20:03:16 +00:00 · 2026-03-01 20:03:11 +00:00 · 2026-03-01 20:03:11 +00:00 · 2026-03-01 20:03:10 +00:00
5 changed files with 427 additions and 47 deletions
--- a/src/app/layout.tsx
+++ b/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: {
@@ -32,9 +33,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body
-          className={`${figtree.variable} antialiased`}
-        >
+        <body className={`${figtree.variable} antialiased`}>
          <Tag />
          {children}
        
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -32,9 +32,9 @@ export default function LandingPage() {
          navItems={[
            { name: "About", id: "about" },
            { name: "Portfolio", id: "portfolio" },
+            { name: "Product", id: "/product" },
            { name: "Team", id: "team" },
-            { name: "Contact", id: "contact" },
-            { name: "Work", id: "portfolio" }
+            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Get Started", href: "contact" }}
          brandName="Studio"
@@ -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", imageAlt: "Portfolio showcase" },
-            { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card_23-2149277811.jpg", imageAlt: "Creative work" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/man-working-desk-top-view_23-2149930937.jpg", 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: "portfolio" },
+            { 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",              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"
+          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",              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",              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",              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",              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",              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",              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",              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",              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"
@@ -239,9 +239,9 @@ export default function LandingPage() {
          columns={[
            {
              title: "Navigate",              items: [
-                { label: "Home", href: "#" },
+                { label: "Home", href: "/" },
                { label: "About", href: "#about" },
-                { label: "Portfolio", href: "#portfolio" },
+                { label: "Product", href: "/product" },
                { label: "Team", href: "#team" }
              ]
            },
--- a/src/app/product/page.tsx
+++ b/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>
+  );
+}
--- a/src/app/projects/page.tsx
+++ b/src/app/projects/page.tsx
@@ -0,0 +1,190 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+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 ProjectsPage() {
+  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: "Projects", id: "/projects" },
+            { name: "Team", id: "team" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{ text: "Get Started", href: "contact" }}
+          brandName="Studio"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardCarousel
+          title="Our Project 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" }
+          ]}
+          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: "Projects", href: "/projects" },
+                { 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>
+  );
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,23 +2,23 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  /* --background: #ffffff;;
-  --card: #f5f5f5;;
-  --foreground: #000000;;
-  --primary-cta: #000000;;
-  --secondary-cta: #f9f9f9;;
-  --accent: #e6e6e6;;
-  --background-accent: #d0d0d0;; */
+  /* --background: #fffafa;;
+  --card: #fff7f7;;
+  --foreground: #1a0000;;
+  --primary-cta: #e63946;;
+  --secondary-cta: #ffffff;;
+  --accent: #f5c4c7;;
+  --background-accent: #f09199;; */

-  --background: #ffffff;;
-  --card: #f5f5f5;;
-  --foreground: #000000;;
-  --primary-cta: #000000;;
+  --background: #fffafa;;
+  --card: #fff7f7;;
+  --foreground: #1a0000;;
+  --primary-cta: #e63946;;
  --primary-cta-text: #ffffff;;
-  --secondary-cta: #f9f9f9;;
+  --secondary-cta: #ffffff;;
  --secondary-cta-text: #000000;;
-  --accent: #e6e6e6;;
-  --background-accent: #d0d0d0;;
+  --accent: #f5c4c7;;
+  --background-accent: #f09199;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	10a27259fb	Merge version_5 into main Merge version_5 into main	2026-03-01 20:05:48 +00:00
bender	3f559b0fef	Update src/app/product/page.tsx	2026-03-01 20:05:44 +00:00
bender	06848a0095	Merge version_5 into main Merge version_5 into main	2026-03-01 20:03:16 +00:00
bender	00f7efa210	Add src/app/product/page.tsx	2026-03-01 20:03:11 +00:00
bender	4bfbb1bea7	Update src/app/page.tsx	2026-03-01 20:03:11 +00:00
bender	90d2031915	Update src/app/layout.tsx	2026-03-01 20:03:10 +00:00
bender	c16b7c8ce9	Merge version_4 into main Merge version_4 into main	2026-03-01 19:55:56 +00:00
bender	7d4f37f724	Update src/app/projects/page.tsx	2026-03-01 19:55:52 +00:00
bender	d56ac7f15f	Update src/app/page.tsx	2026-03-01 19:55:51 +00:00
bender	ef00f066c2	Merge version_4 into main Merge version_4 into main	2026-03-01 19:55:11 +00:00
bender	01bf47ff06	Update src/app/projects/page.tsx	2026-03-01 19:55:07 +00:00
bender	bd70e2c037	Update src/app/page.tsx	2026-03-01 19:55:06 +00:00
bender	2a139a8ffe	Merge version_3 into main Merge version_3 into main	2026-03-01 19:43:00 +00:00
bender	7aae4b6ff5	Update src/app/projects/page.tsx	2026-03-01 19:42:56 +00:00
bender	fb77734ae0	Update src/app/page.tsx	2026-03-01 19:42:55 +00:00
bender	84508f6488	Merge version_3 into main Merge version_3 into main	2026-03-01 19:42:15 +00:00
bender	ece7660568	Update src/app/projects/page.tsx	2026-03-01 19:42:11 +00:00
bender	3df9725db7	Merge version_3 into main Merge version_3 into main	2026-03-01 19:39:33 +00:00
bender	93a20d2450	Add src/app/projects/page.tsx	2026-03-01 19:39:29 +00:00
bender	fbc01adf93	Update src/app/page.tsx	2026-03-01 19:39:28 +00:00
bender	05db8a5b08	Update src/app/layout.tsx	2026-03-01 19:39:27 +00:00
bender	f2b56c1e7a	Merge version_2 into main Merge version_2 into main	2026-03-01 19:35:30 +00:00
bender	96c077b60b	Update src/app/styles/variables.css	2026-03-01 19:35:26 +00:00
bender	21a2a65677	Update src/app/page.tsx	2026-03-01 19:35:25 +00:00
bender	16b2fdd94d	Merge version_1 into main Merge version_1 into main	2026-03-01 19:04:17 +00:00