diff --git a/src/app/page.tsx b/src/app/page.tsx
index ba9a024..c892114 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,14 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import { Package, Sparkles, TrendingUp, Users } from 'lucide-react';
+import { Sparkles, TrendingUp, Users } from 'lucide-react';
 
 export default function SitePage() {
   return (
@@ -26,12 +25,14 @@ export default function SitePage() {
       primaryButtonStyle="inset-glow"
       secondaryButtonStyle="glass"
       headingFontWeight="semibold"
+      theme={{
+        "--background": "#0a0a0a",        "--card": "#1a1a1a",        "--foreground": "#fffffae6",        "--primary-cta": "#fde047",        "--secondary-cta": "#1a1a1a",        "--accent": "#737373",        "--background-accent": "#737373",        "--primary-cta-text": "#0a0a0a",        "--secondary-cta-text": "#fffffae6"
+      }}
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
           navItems={[
             { name: "Moments", id: "features" },
-            { name: "Products", id: "products" },
             { name: "Pricing", id: "pricing" },
             { name: "About", id: "about" },
             { name: "Stories", id: "testimonials" },
@@ -113,28 +114,6 @@ export default function SitePage() {
         />
       </div>
 
-      <div id="products" data-section="products">
-        <ProductCardFour
-          products={[
-            { id: '1', name: 'Vintage Camera', price: '$299', variant: 'Classic Black Edition', imageSrc: 'http://img.b2bpic.net/free-photo/old-vintage-camera-white-background_1462-1049.jpg', imageAlt: 'Vintage camera' },
-            { id: '2', name: 'Photo Album', price: '$45', variant: 'Leather Bound', imageSrc: 'http://img.b2bpic.net/free-photo/vintage-photo-album-white_1203-5182.jpg', imageAlt: 'Leather bound photo album' },
-            { id: '3', name: 'Tripod Stand', price: '$75', variant: 'Lightweight Aluminum', imageSrc: 'http://img.b2bpic.net/free-photo/camera-stand-isolated-white-background_1203-5969.jpg', imageAlt: 'Camera tripod stand' },
-            { id: '4', name: 'Lens Cleaning Kit', price: '$20', variant: 'Pro Series', imageSrc: 'http://img.b2bpic.net/free-photo/still-life-set-professional-cleaning-lens-d_23-2148906323.jpg', imageAlt: 'Lens cleaning kit' }
-          ]}
-          title="Our Products"
-          description="Enhance your photography journey with our carefully selected range of products."
-          tag="Shop Now"
-          tagIcon={Package}
-          textboxLayout="default"
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          useInvertedBackground={false}
-          buttons={[
-            { text: "Browse All", href: "#products" }
-          ]}
-        />
-      </div>
-
       <div id="about" data-section="about">
         <MetricSplitMediaAbout
           title="Our Journey Through the Lens"
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 4bbac56..c05863f 100644
--- 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: #fefefe;;
-  --foreground: #222222;;
-  --primary-cta: #e63946;;
-  --secondary-cta: #4caf50;;
-  --accent: #f5c4c7;;
-  --background-accent: #e0f4e6;; */
+  /* --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #fffffae6;;
+  --primary-cta: #fde047;;
+  --secondary-cta: #1a1a1a;;
+  --accent: #737373;;
+  --background-accent: #737373;; */
 
-  --background: #ffffff;;
-  --card: #fefefe;;
-  --foreground: #222222;;
-  --primary-cta: #e63946;;
-  --primary-cta-text: #ffffff;;
-  --secondary-cta: #4caf50;;
-  --secondary-cta-text: #120a00e6;;
-  --accent: #f5c4c7;;
-  --background-accent: #e0f4e6;;
+  --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #fffffae6;;
+  --primary-cta: #fde047;;
+  --primary-cta-text: #0a0a0a;;
+  --secondary-cta: #1a1a1a;;
+  --secondary-cta-text: #fffffae6;;
+  --accent: #737373;;
+  --background-accent: #737373;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);