Update src/app/page.tsx

src/app/page.tsx

@@ -2,8 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -29,21 +29,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Store",
+          name: "Store",          id: "products"},
-          id: "products",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Criminal Coffee"
     />
@@ -52,45 +44,28 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       title="Criminal Coffee Company"
       description="Amazing cafe, the best toasties on the Sunshine Coast. Join the community and experience the vibe."
       buttons={[
         {
-          text: "Shop Beans",
+          text: "Shop Beans",          href: "#products"},
-          href: "#products",
-        },
         {
-          text: "Visit Us",
+          text: "Visit Us",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cafe-bar-hotel-loft-style_1150-10724.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/cafe-bar-hotel-loft-style_1150-10724.jpg",          imageAlt: "Coffee Machine"},
-          imageAlt: "Coffee Machine",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-melted-cheese-served-with-salad_140725-8046.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-melted-cheese-served-with-salad_140725-8046.jpg",          imageAlt: "Gourmet Toastie"},
-          imageAlt: "Gourmet Toastie",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-background-with-pralines_114579-16619.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-background-with-pralines_114579-16619.jpg?_wi=1",          imageAlt: "Coffee Beans"},
-          imageAlt: "Coffee Beans",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/summertime-vibes-with-cocktail-fruit_23-2149619481.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/summertime-vibes-with-cocktail-fruit_23-2149619481.jpg",          imageAlt: "Beachside Coffee"},
-          imageAlt: "Beachside Coffee",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-person-using-laptop-near-coffee_23-2147768826.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/crop-person-using-laptop-near-coffee_23-2147768826.jpg",          imageAlt: "Cafe Vibe"},
-          imageAlt: "Cafe Vibe",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937231.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937231.jpg?_wi=1",          imageAlt: "Brewing Setup"},
-          imageAlt: "Brewing Setup",
-        },
       ]}
     />
   </div>
@@ -103,17 +78,11 @@ export default function LandingPage() {
       description="We've created a place to hangout, enjoy artisan toasties and some of the best coffee on the coast. Whether you're here for a meeting, catching up with friends, or just grabbing a quick bite, we've got you covered."
       bulletPoints={[
         {
-          title: "Gourmet Toasties",
+          title: "Gourmet Toasties",          description: "Hand-crafted fillings using premium ingredients."},
-          description: "Hand-crafted fillings using premium ingredients.",
-        },
         {
-          title: "Specialty Coffee",
+          title: "Specialty Coffee",          description: "Roasted beans, full flavor, smooth finish."},
-          description: "Roasted beans, full flavor, smooth finish.",
-        },
         {
-          title: "Community Vibe",
+          title: "Community Vibe",          description: "Welcoming space for everyone, laptop friendly."},
-          description: "Welcoming space for everyone, laptop friendly.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-with-people_1162-118.jpg"
       imageAlt="Criminal Coffee Cafe Interior"
@@ -129,41 +98,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Signature Beans",          price: "$18.00",          imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-bag-packaging-isolated_187299-46739.jpg"},
-          name: "Signature Beans",
-          price: "$18.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-bag-packaging-isolated_187299-46739.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Brisket Toastie",          price: "$14.00",          imageSrc: "http://img.b2bpic.net/free-photo/slice-ham-sandwiches-coffee-cup-background_23-2147916004.jpg"},
-          name: "Brisket Toastie",
-          price: "$14.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/slice-ham-sandwiches-coffee-cup-background_23-2147916004.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Light Roast Blend",          price: "$20.00",          imageSrc: "http://img.b2bpic.net/free-photo/assortment-coffee-beans_53876-41429.jpg"},
-          name: "Light Roast Blend",
-          price: "$20.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/assortment-coffee-beans_53876-41429.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Pulled Pork Toastie",          price: "$14.00",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwich-cloth-tablecloth_1220-337.jpg"},
-          name: "Pulled Pork Toastie",
-          price: "$14.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwich-tablecloth_1220-337.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Reusable Cup",          price: "$22.00",          imageSrc: "http://img.b2bpic.net/free-photo/craft-paper-coffee-cup-dried-flowers-eco-background-flat-lay_169016-33807.jpg"},
-          name: "Reusable Cup",
-          price: "$22.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/craft-paper-coffee-cup-dried-flowers-eco-background-flat-lay_169016-33807.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Pastry Box",          price: "$25.00",          imageSrc: "http://img.b2bpic.net/free-photo/sweet-plate-with-various-sweets_114579-21335.jpg"},
-          name: "Pastry Box",
-          price: "$25.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/sweet-plate-with-various-sweets_114579-21335.jpg",
-        },
       ]}
       title="The Goods"
       description="Everything you need, from freshly roasted beans to our iconic gourmet toasties."
@@ -178,25 +123,15 @@ export default function LandingPage() {
       author="Deborah B."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-bathrobe-drinking-morning-coffee-enjoying-taste-smiling_1258-193248.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-bathrobe-drinking-morning-coffee-enjoying-taste-smiling_1258-193248.jpg",          alt: "Deborah B"},
-          alt: "Deborah B",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hot-chocolate_52683-102636.jpg",
+          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hot-chocolate_52683-102636.jpg",          alt: "David K"},
-          alt: "David K",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/cappuccino-coffee-with-tree-latte-art_53876-94345.jpg",
+          src: "http://img.b2bpic.net/free-photo/cappuccino-coffee-with-tree-latte-art_53876-94345.jpg",          alt: "Elise M"},
-          alt: "Elise M",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/lovely-women-looking-mobile-phone_23-2148422480.jpg",
+          src: "http://img.b2bpic.net/free-photo/lovely-women-looking-mobile-phone_23-2148422480.jpg",          alt: "Caitlin G"},
-          alt: "Caitlin G",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/woman-sitting-coffee-shop_1150-154.jpg",
+          src: "http://img.b2bpic.net/free-photo/woman-sitting-coffee-shop_1150-154.jpg",          alt: "Celeste"},
-          alt: "Celeste",
-        },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
@@ -204,29 +139,37 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplitForm
-      useInvertedBackground={false}
+      useInvertedBackground={true}
-      background={{
+      title="Get in Touch"
-        variant: "plain",
+      description="Send us a message and we'll get back to you as soon as possible."
-      }}
+      inputs={[
-      tag="Newsletter"
+          { name: "name", type: "text", placeholder: "Name" },
-      title="Juicy news, straight from the beans."
+          { name: "email", type: "email", placeholder: "Email" },
-      description="Be part of the CCC community and get the latest news straight to your inbox."
+      ]}
-      buttonText="Subscribe"
+      textarea={{ name: "message", placeholder: "Your message here..." }}
+      imageSrc="http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937231.jpg?_wi=2"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterMedia
       logoText="Criminal Coffee"
-      leftLink={{
+      imageSrc="http://img.b2bpic.net/free-photo/coffee-beans-black-background-with-pralines_114579-16619.jpg?_wi=2"
-        text: "Terms",
+      columns={[
-        href: "#",
+          {
-      }}
+              title: "Navigate",              items: [
-      rightLink={{
+                  { label: "Home", href: "#hero" },
-        text: "Privacy",
+                  { label: "Store", href: "#products" },
-        href: "#",
+              ]
-      }}
+          },
+          {
+              title: "Legal",              items: [
+                  { label: "Terms", href: "#" },
+                  { label: "Privacy", href: "#" },
+              ]
+          }
+      ]}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
+  --background: #0a0a0a;
-  --card: #f3ede2;
+  --card: #1a1a1a;
-  --foreground: #2e2521;
+  --foreground: #ffffffe6;
-  --primary-cta: #2e2521;
+  --primary-cta: #e6e6e6;
   --primary-cta-text: #fcf6ec;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
+  --accent: #737373;
-  --background-accent: #b2a28b;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);