Update src/app/page.tsx

src/app/page.tsx

@@ -31,29 +31,17 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Portfolio",
+          name: "Portfolio",          id: "portfolio"},
-          id: "portfolio",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Designer Portfolio"
       bottomLeftText="Creative Solutions"
@@ -64,48 +52,31 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
+      title="Visual Graphic Design "
-      title="Crafting Visual Stories Through Design"
+      description="Transforming ideas into stunning visuals that captivate and communicate. Let's create something unique together."
-      description="Transforming ideas into stunning visuals that captivate and communicate. Let's create something remarkable together."
       tag="Graphic Designer"
       tagIcon={Sparkles}
       buttons={[
         {
-          text: "View Portfolio",
+          text: "View Portfolio",          href: "#portfolio"},
-          href: "#portfolio",
-        },
         {
-          text: "Get a Quote",
+          text: "Get a Quote",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       buttonAnimation="opacity"
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-business-workshop-youtube-channel-art_23-2149510815.jpg",
+          imageSrc: "http://img.b2bpic.net/free-psd/match-day-sports-event-social-media-post-template_47987-16263.jpg?id=44755793",          imageAlt: "Graphic design elements"},
-          imageAlt: "Graphic design elements",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-psd/luxury-real-estate-template-design_23-2150658915.jpg",
+          imageSrc: "http://img.b2bpic.net/premium-photo/big-data-analytics-visualization-technology-with-scientist-analyzing-information-business_488220-55727.jpg?id=34322050",          imageAlt: "Minimalist logo design"},
-          imageAlt: "Minimalist logo design",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-art-deco-story-collection_23-2149162620.jpg",
+          imageSrc: "http://img.b2bpic.net/free-vector/cards-collection-with-fast-food_23-2147858416.jpg?id=2529686",          imageAlt: "Abstract design background"},
-          imageAlt: "Abstract design background",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-abstract-art-cover-collection_23-2148975005.jpg",
+          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-abstract-art-cover-collection_23-2148975005.jpg?_wi=1",          imageAlt: "Editorial design layout"},
-          imageAlt: "Editorial design layout",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/dashboard-element-collection_23-2148394289.jpg",
+          imageSrc: "http://img.b2bpic.net/free-vector/dashboard-element-collection_23-2148394289.jpg",          imageAlt: "Web design user interface"},
-          imageAlt: "Web design user interface",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/colorful-liquid-marble-background-abstract-flowing-texture-experimental-art_53876-104555.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/colorful-liquid-marble-background-abstract-flowing-texture-experimental-art_53876-104555.jpg",          imageAlt: "3D rendering graphic design"},
-          imageAlt: "3D rendering graphic design",
-        },
       ]}
       mediaAnimation="slide-up"
     />
@@ -119,13 +90,9 @@ export default function LandingPage() {
       description="With a passion for aesthetics and a keen eye for detail, I specialize in crafting unique visual identities and engaging digital experiences. My approach blends artistic vision with strategic thinking to deliver designs that resonate and inspire."
       bulletPoints={[
         {
-          title: "Design Philosophy",
+          title: "Design Philosophy",          description: "Committed to creating purposeful and beautiful designs that solve problems and tell compelling stories."},
-          description: "Committed to creating purposeful and beautiful designs that solve problems and tell compelling stories.",
-        },
         {
-          title: "Client Collaboration",
+          title: "Client Collaboration",          description: "I believe in close collaboration, working alongside clients to bring their vision to life with precision and creativity."},
-          description: "I believe in close collaboration, working alongside clients to bring their vision to life with precision and creativity.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149713708.jpg"
       imageAlt="Professional graphic designer working"
@@ -141,34 +108,22 @@ export default function LandingPage() {
       features={[
         {
           icon: Lightbulb,
-          title: "Brand Identity",
+          title: "Brand Identity",          description: "Crafting memorable logos, comprehensive brand guides, and consistent visual systems for your business."},
-          description: "Crafting memorable logos, comprehensive brand guides, and consistent visual systems for your business.",
-        },
         {
           icon: PenTool,
-          title: "Web & UI/UX Design",
+          title: "Web & UI/UX Design",          description: "Designing intuitive and visually appealing websites and user interfaces that enhance user experience."},
-          description: "Designing intuitive and visually appealing websites and user interfaces that enhance user experience.",
-        },
         {
           icon: Palette,
-          title: "Print & Editorial",
+          title: "Print & Editorial",          description: "From stunning brochures and posters to engaging magazine layouts, I bring your print materials to life."},
-          description: "From stunning brochures and posters to engaging magazine layouts, I bring your print materials to life.",
-        },
         {
           icon: Camera,
-          title: "Digital Illustration",
+          title: "Digital Illustration",          description: "Creating unique digital illustrations for various applications, including social media and web content."},
-          description: "Creating unique digital illustrations for various applications, including social media and web content.",
-        },
         {
           icon: Smartphone,
-          title: "Social Media Graphics",
+          title: "Social Media Graphics",          description: "Developing eye-catching visuals and campaign assets optimized for all major social media platforms."},
-          description: "Developing eye-catching visuals and campaign assets optimized for all major social media platforms.",
-        },
         {
           icon: Package,
-          title: "Packaging Design",
+          title: "Packaging Design",          description: "Designing innovative and attractive packaging that makes your products stand out on the shelf."},
-          description: "Designing innovative and attractive packaging that makes your products stand out on the shelf.",
-        },
       ]}
       title="My Creative Services"
       description="Offering a diverse range of design solutions to help businesses and individuals achieve their visual communication goals."
@@ -179,33 +134,21 @@ export default function LandingPage() {
       <ProductCardThree
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="two-columns-alternating-heights"
+      gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
+      carouselMode="buttons"
       products={[
         {
-          id: "branding-project",
+          id: "branding-project",          name: "Brand Revitalization for NexusTech",          price: "Strategic Brand Identity",          imageSrc: "http://img.b2bpic.net/free-vector/monocolor-minimalist-web-design-agency-business-card_1421494-326.jpg",          imageAlt: "Brand Identity project for NexusTech"},
-          name: "Nexus Brand Identity",
-          price: "Brand Strategy",
-          imageSrc: "http://img.b2bpic.net/free-vector/monocolor-minimalist-web-design-agency-business-card_1421494-326.jpg",
-          imageAlt: "Brand Identity project",
-        },
         {
-          id: "web-ui-project",
+          id: "web-ui-project",          name: "VentureCorp Web Platform UX/UI",          price: "Intuitive Web Experience",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-lifestyle-blogger-girl-records-video-her-camera-social-media-shows_1258-281864.jpg",          imageAlt: "Website UI/UX design for VentureCorp"},
-          name: "Venture Website Design",
-          price: "UX/UI Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-lifestyle-blogger-girl-records-video-her-camera-social-media-shows_1258-281864.jpg",
-          imageAlt: "Website UI design project",
-        },
         {
-          id: "print-project",
+          id: "print-project",          name: "Sustainable Packaging for EcoHarvest",          price: "Eco-Conscious Packaging",          imageSrc: "http://img.b2bpic.net/free-psd/vertical-poster-modern-art-exposition_23-2148821268.jpg",          imageAlt: "Sustainable packaging design for EcoHarvest"},
-          name: "Eco-Friendly Packaging",
+        {
-          price: "Packaging Design",
+          id: "illustration-project",          name: "Digital Art Series: Urban Flow",          price: "Editorial Illustration",          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-abstract-art-cover-collection_23-2148975005.jpg?_wi=2",          imageAlt: "Digital illustration series"},
-          imageSrc: "http://img.b2bpic.net/free-psd/vertical-poster-modern-art-exposition_23-2148821268.jpg",
-          imageAlt: "Eco-friendly packaging design",
-        },
       ]}
-      title="Featured Portfolio"
+      title="My Latest Design Projects"
-      description="Explore a selection of my recent design projects, showcasing my versatility and creative problem-solving across various mediums."
+      description="A showcase of recent work, demonstrating my approach to brand identity, web design, and creative solutions for diverse clients."
     />
   </div>
 
@@ -215,44 +158,18 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah Johnson",          date: "2023-08-15",          title: "Outstanding Brand Development",          quote: "The designer's ability to capture our brand essence was phenomenal. The new logo and guidelines have revitalized our presence.",          tag: "Brand Identity",          avatarSrc: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg",          avatarAlt: "Avatar of Sarah Johnson, Marketing Director"},
-          name: "Sarah Johnson",
-          date: "2023-08-15",
-          title: "Outstanding Brand Development",
-          quote: "The designer's ability to capture our brand essence was phenomenal. The new logo and guidelines have revitalized our presence.",
-          tag: "Brand Identity",
-          avatarSrc: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Michael Chen",          date: "2023-09-01",          title: "Seamless UI/UX Experience",          quote: "Our new website design is not only beautiful but incredibly user-friendly. Customer feedback has been overwhelmingly positive.",          tag: "Web Design",          avatarSrc: "http://img.b2bpic.net/free-vector/man-with-different-clothes-illustrations_1107-5.jpg",          avatarAlt: "Avatar of Michael Chen, Tech CEO"},
-          name: "Michael Chen",
-          date: "2023-09-01",
-          title: "Seamless UI/UX Experience",
-          quote: "Our new website design is not only beautiful but incredibly user-friendly. Customer feedback has been overwhelmingly positive.",
-          tag: "Web Design",
-          avatarSrc: "http://img.b2bpic.net/free-vector/man-with-different-clothes-illustrations_1107-5.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Emily Rodriguez",          date: "2023-07-20",          title: "Creative & Professional",          quote: "Every print material delivered exceeded our expectations. The attention to detail and creative flair truly made a difference.",          tag: "Print Design",          avatarSrc: "http://img.b2bpic.net/free-photo/marketing-young-pretty-cute-business-lady-grey-blazer-office-annoyed-conference_140725-165636.jpg",          avatarAlt: "Avatar of Emily Rodriguez, Creative Lead"},
-          name: "Emily Rodriguez",
-          date: "2023-07-20",
-          title: "Creative & Professional",
-          quote: "Every print material delivered exceeded our expectations. The attention to detail and creative flair truly made a difference.",
-          tag: "Print Design",
-          avatarSrc: "http://img.b2bpic.net/free-photo/marketing-young-pretty-cute-business-lady-grey-blazer-office-annoyed-conference_140725-165636.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "David Kim",          date: "2023-10-10",          title: "Exceptional Digital Graphics",          quote: "The social media graphics were impactful and engaging, significantly boosting our online presence and campaign performance.",          tag: "Digital Marketing",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg",          avatarAlt: "Avatar of David Kim, E-commerce Founder"},
-          name: "David Kim",
+        {
-          date: "2023-10-10",
+          id: "5",          name: "Jessica Lee",          date: "2023-11-05",          title: "Impactful Social Media Presence",          quote: "The visual strategy developed for our social channels completely transformed our engagement. Truly exceptional work!",          tag: "Social Media Graphics",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-laptop_23-2150348737.jpg",          avatarAlt: "Avatar of Jessica Lee, Social Media Strategist"},
-          title: "Exceptional Digital Graphics",
-          quote: "The social media graphics were impactful and engaging, significantly boosting our online presence and campaign performance.",
-          tag: "Digital Marketing",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg",
-        },
       ]}
-      title="What My Clients Say"
+      title="Kind Words From Valued Clients"
-      description="Hear directly from clients who have experienced the impact of thoughtful design and dedicated partnership."
+      description="Discover what clients have to say about my design process, collaboration, and the impact of our creative partnerships."
     />
   </div>
 
@@ -260,18 +177,13 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       text="Ready to bring your vision to life? Let's connect and discuss your next design project. I'm excited to collaborate!"
       buttons={[
         {
-          text: "Send a Message",
+          text: "Send a Message",          href: "mailto:hello@designer.com"},
-          href: "mailto:hello@designer.com",
-        },
         {
-          text: "Schedule a Call",
+          text: "Schedule a Call",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -282,45 +194,27 @@ export default function LandingPage() {
       imageAlt="Abstract footer background"
       columns={[
         {
-          title: "Navigation",
+          title: "Navigation",          items: [
-          items: [
             {
-              label: "Home",
+              label: "Home",              href: "#hero"},
-              href: "#hero",
-            },
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Portfolio",
+              label: "Portfolio",              href: "#portfolio"},
-              href: "#portfolio",
-            },
           ],
         },
         {
-          title: "Connect",
+          title: "Connect",          items: [
-          items: [
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "LinkedIn",
+              label: "LinkedIn",              href: "https://linkedin.com"},
-              href: "https://linkedin.com",
-            },
             {
-              label: "Behance",
+              label: "Behance",              href: "https://behance.net"},
-              href: "https://behance.net",
-            },
             {
-              label: "Instagram",
+              label: "Instagram",              href: "https://instagram.com"},
-              href: "https://instagram.com",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #e3deea;
+  --background: #68d6bf;
-  --card: #ffffff;
+  --card: #1a2f1d;
-  --foreground: #27231f;
+  --foreground: #ffffff;
-  --primary-cta: #27231f;
+  --primary-cta: #ffffff;
-  --primary-cta-text: #e3deea;
+  --primary-cta-text: #0a1a0c;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #0d200f;
-  --secondary-cta-text: #27231f;
+  --secondary-cta-text: #d4f6d8;
-  --accent: #c68a62;
+  --accent: #1a3d1f;
-  --background-accent: #c68a62;
+  --background-accent: #355e3b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);