Update src/app/page.tsx

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #fbfaff;;
-  --card: #f7f5ff;;
-  --foreground: #0f0022;;
-  --primary-cta: #8b5cf6;;
-  --secondary-cta: #ffffff;;
-  --accent: #d8cef5;;
-  --background-accent: #c4a8f9;;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #fffffae6;
+  --primary-cta: #fde047;
+  --secondary-cta: #1a1a1a;
+  --accent: #737373;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -495,7 +495,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-plus-jakarta-sans), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-plus-jakarta-sans), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import ProductCardFive from '@/components/sections/product/ProductCardFive';
+import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
 import FooterSocial from '@/components/sections/footer/FooterSocial';
@@ -69,7 +69,7 @@ export default function LandingPage() {
       </div>
 
       <div id="products" data-section="products">
-        <ProductCardFive
+        <ProductCardSeven
           title="Our Signature Collection"
           description="Explore our best-selling bakery items made fresh daily with premium ingredients"
           tag="Best Sellers"
@@ -81,30 +81,92 @@ export default function LandingPage() {
           products={[
             {
               id: "1",
+              name: "Classic Croissant",
+              price: "$4.99",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766245914004-rta09f98.jpg",
               imageAlt: "Buttery croissant",
-              button: { text: "Add to Order", href: "contact" },
+              onProductClick: () => window.location.href = "#contact",
               isFavorited: false
             },
             {
               id: "2",
+              name: "Artisan Sourdough",
+              price: "$7.99",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815285364-7q7e9roz.jpg",
               imageAlt: "Artisan sourdough bread",
-              button: { text: "Add to Order", href: "contact" },
+              onProductClick: () => window.location.href = "#contact",
               isFavorited: false
             },
             {
               id: "3",
+              name: "Chocolate Cake",
+              price: "$24.99",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849870204-lmbcrr56.jpg",
               imageAlt: "Decadent chocolate cake",
-              button: { text: "Add to Order", href: "contact" },
+              onProductClick: () => window.location.href = "#contact",
               isFavorited: false
             },
             {
               id: "4",
+              name: "Glazed Donuts",
+              price: "$3.99",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766915699751-fy2shocj.jpg",
               imageAlt: "Glazed donuts",
-              button: { text: "Add to Order", href: "contact" },
+              onProductClick: () => window.location.href = "#contact",
+              isFavorited: false
+            },
+            {
+              id: "5",
+              name: "Blueberry Muffin",
+              price: "$5.99",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766245914004-rta09f98.jpg",
+              imageAlt: "Fresh blueberry muffin",
+              onProductClick: () => window.location.href = "#contact",
+              isFavorited: false
+            },
+            {
+              id: "6",
+              name: "Almond Croissant",
+              price: "$6.99",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815285364-7q7e9roz.jpg",
+              imageAlt: "Almond-filled croissant",
+              onProductClick: () => window.location.href = "#contact",
+              isFavorited: false
+            },
+            {
+              id: "7",
+              name: "Strawberry Tart",
+              price: "$8.99",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849870204-lmbcrr56.jpg",
+              imageAlt: "Fresh strawberry tart",
+              onProductClick: () => window.location.href = "#contact",
+              isFavorited: false
+            },
+            {
+              id: "8",
+              name: "Cinnamon Roll",
+              price: "$5.49",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766915699751-fy2shocj.jpg",
+              imageAlt: "Warm cinnamon roll",
+              onProductClick: () => window.location.href = "#contact",
+              isFavorited: false
+            },
+            {
+              id: "9",
+              name: "Macarons Assortment",
+              price: "$12.99",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766245914004-rta09f98.jpg",
+              imageAlt: "Colorful macaron assortment",
+              onProductClick: () => window.location.href = "#contact",
+              isFavorited: false
+            },
+            {
+              id: "10",
+              name: "Baguette",
+              price: "$6.49",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766815285364-7q7e9roz.jpg",
+              imageAlt: "Traditional French baguette",
+              onProductClick: () => window.location.href = "#contact",
               isFavorited: false
             }
           ]}