From ee3c7b9e0164d065e4731e55f0bc1d9a236a09d1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 10:25:17 +0000
Subject: [PATCH] Update src/pages/HomePage.tsx

---
 src/pages/HomePage.tsx | 268 +++++++++++++++++------------------------
 1 file changed, 110 insertions(+), 158 deletions(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index b02952f..0211948 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -2,7 +2,7 @@ import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSimple from '@/components/sections/faq/FaqSimple';
 import FeaturesBento from '@/components/sections/features/FeaturesBento';
-import GridDotsBackground from "@/components/ui/GridDotsBackground";
+import FooterBrandReveal from '@/components/sections/footer/FooterBrandReveal';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricsMinimalCards from '@/components/sections/metrics/MetricsMinimalCards';
 import ProductMediaCards from '@/components/sections/product/ProductMediaCards';
@@ -13,163 +13,115 @@ import { ThemeProvider } from "@/components/ui/ThemeProvider";
 export default function HomePage() {
   return (
     <ThemeProvider>
-  <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
-      tag="Curating Human Experience"
-      title="Experience Emotions on Demand"
-      description="Unlock the state of mind you deserve. Our premium selection of curated emotional states is designed to help you live better."
-      primaryButton={{
-        text: "Explore Collection",        href: "#catalog"}}
-      secondaryButton={{
-        text: "How it Works",        href: "#about"}}
-      testimonials={[
-        {
-          name: "Elena R.",          handle: "@elena_r",          text: "The Joy experience was absolutely transformative.",          rating: 5,
-          imageSrc: "https://images.unsplash.com/photo-1570466451723-2fc240f1c80a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyMHx8aGFwcHklMjBjdXN0b21lciUyMGF1dGhlbnRpYyUyMGxpZmVzdHlsZSUyMHBob3RvZ3JhcGh5fGVufDF8MHx8fDE3NzczNzE2ODN8MA&ixlib=rb-4.1.0&q=80&w=1080"},
-        {
-          name: "Marcus W.",          handle: "@m_w",          text: "Finally, a way to focus when I need it most.",          rating: 5,
-          videoSrc: "https://images.unsplash.com/photo-1624079301461-5757d074c243?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyMXx8bWFuJTIwbG9va2luZyUyMGhhcHB5JTIwZmVlbGluZyUyMGNvbnRlbnR8ZW58MXwwfHx8MTc3NzM3MTY4M3ww&ixlib=rb-4.1.0&q=80&w=1080"},
-        {
-          name: "Sarah J.",          handle: "@sarah_j",          text: "Pure serenity in every bottle.",          rating: 5,
-          imageSrc: "https://images.unsplash.com/photo-1606737645091-73c96000c891?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxfHx5b3VuZyUyMHdvbWFuJTIwcG9ydHJhaXQlMjBmZWVsaW5nJTIwZ3JhdGVmdWx8ZW58MXwwfHx8MTc3NzM3MTY4NHww&ixlib=rb-4.1.0&q=80&w=1080"},
-        {
-          name: "David K.",          handle: "@david_k",          text: "Incredible service and life-changing results.",          rating: 5,
-          imageSrc: "https://images.unsplash.com/photo-1758598497192-15ffa411c3de?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw2fHxtYW4lMjBsb29raW5nJTIwc2F0aXNmaWVkJTIwc21pbGluZ3xlbnwxfDB8fHwxNzc3MzcxNjg1fDA&ixlib=rb-4.1.0&q=80&w=1080"},
-        {
-          name: "Jordan P.",          handle: "@jordan_p",          text: "Deeply impressed by the scientific rigor.",          rating: 5,
-          imageSrc: "https://images.unsplash.com/photo-1633313907838-c24c65440ce5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxOHx8aGFwcHklMjBjdXN0b21lciUyMGF1dGhlbnRpYyUyMGxpZmVzdHlsZSUyMHBob3RvZ3JhcGh5fGVufDF8MHx8fDE3NzczNzE2ODN8MA&ixlib=rb-4.1.0&q=80&w=1080"},
-      ]}
-      imageSrc="https://images.unsplash.com/photo-1767948156526-47c54a70d737?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxfHxldGhlcmVhbCUyMG1pc3R5JTIwZm9yZXN0JTIwbW9ybmluZyUyMGF0bW9zcGhlcmV8ZW58MXwwfHx8MTc3NzM3MTY4Mnww&ixlib=rb-4.1.0&q=80&w=1080"
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <AboutTestimonial
-      tag="Our Philosophy"
-      quote="We believe that emotions are the fundamental architecture of human performance. By curating these states, we bridge the gap between potential and achievement."
-      author="Dr. Aris Thorne"
-      role="Founder, EMO Collective"
-      imageSrc="https://images.unsplash.com/photo-1767948156141-42785b949ed6?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw4fHxldGhlcmVhbCUyMG1pc3R5JTIwZm9yZXN0JTIwbW9ybmluZyUyMGF0bW9zcGhlcmV8ZW58MXwwfHx8MTc3NzM3MTY4Mnww&ixlib=rb-4.1.0&q=80&w=1080"
-    />
-  </div>
-
-  <div id="catalog" data-section="catalog" className="relative">
-    <GridDotsBackground position="absolute" />
-      <ProductMediaCards
-      tag="Emotion Library"
-      title="Browse Our Curated States"
-      description="Each emotional profile is synthesized to evoke specific neural responses."
-      products={[
-        {
-          name: "Pure Joy",          price: "$120",          imageSrc: "https://images.unsplash.com/photo-1640958903789-c3639105fc65?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyM3x8Z2xhc3MlMjB2aWFsJTIwZ29sZGVuJTIwbGlnaHQlMjBnbG93fGVufDF8MHx8fDE3NzczNzE2ODV8MA&ixlib=rb-4.1.0&q=80&w=1080"},
-        {
-          name: "Deep Focus",          price: "$95",          imageSrc: "https://images.unsplash.com/photo-1738082657793-8ce7ff00ff57?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyNnx8d2FybSUyMHllbGxvdyUyMGdsb3dpbmclMjBvcmIlMjBjb25jZXB0fGVufDF8MHx8fDE3NzczNzE2ODZ8MA&ixlib=rb-4.1.0&q=80&w=1080"},
-        {
-          name: "Affection",          price: "$110",          imageSrc: "https://images.unsplash.com/photo-1622360963543-62fe56ce378e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxMnx8YWJzdHJhY3QlMjBhcnRpc3RpYyUyMHJlcHJlc2VudGF0aW9uJTIwb2YlMjBsb3ZlfGVufDF8MHx8fDE3NzczNzE2ODZ8MA&ixlib=rb-4.1.0&q=80&w=1080"},
-        {
-          name: "Calm",          price: "$85",          imageSrc: "https://images.unsplash.com/photo-1569146089053-40f33fb708dc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw3fHxzZXJlbmUlMjBlbW90aW9uJTIwY29uY2VwdCUyMHBlYWNlZnVsJTIwbGlnaHR8ZW58MXwwfHx8MTc3NzM3MTY4N3ww&ixlib=rb-4.1.0&q=80&w=1080"},
-        {
-          name: "High Energy",          price: "$130",          imageSrc: "https://images.unsplash.com/photo-1771012447407-be648dfd81aa?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwzfHxmaWVyeSUyMGFic3RyYWN0JTIwZ2xvd2luZyUyMGxpZ2h0JTIwYXJ0fGVufDF8MHx8fDE3NzczNzE2ODd8MA&ixlib=rb-4.1.0&q=80&w=1080"},
-        {
-          name: "Inspiration",          price: "$145",          imageSrc: "https://images.unsplash.com/photo-1642879320437-15658d5668f1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxMXx8bXlzdGVyaW91cyUyMHB1cnBsZSUyMGZvZyUyMGFic3RyYWN0fGVufDF8MHx8fDE3NzczNzE2ODh8MA&ixlib=rb-4.1.0&q=80&w=1080"},
-      ]}
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricsMinimalCards
-      tag="Impact Data"
-      title="Proven Results"
-      metrics={[
-        {
-          value: "15k+",          description: "Happy Clients"},
-        {
-          value: "98%",          description: "Satisfaction Rate"},
-        {
-          value: "24/7",          description: "Availability"},
-      ]}
-    />
-  </div>
-
-  <div id="features" data-section="features">
-      <FeaturesBento
-      tag="Why Us"
-      title="Precision Emotional Engineering"
-      description="Our proprietary technology ensures consistent quality in every emotional state you choose."
-      features={[
-        {
-          title: "Scientific Basis",          description: "Validated neurological research.",          bentoComponent: "info-card-marquee",          items: [
-            {
-              icon: "CheckCircle",              label: "Certified",              value: "100%"},
-          ],
-        },
-        {
-          title: "User Experience",          description: "Designed for intuitive access.",          bentoComponent: "tilted-stack-cards",          items: [
-            {
-              icon: "Zap",              title: "Fast",              subtitle: "Instant effect",              detail: "Immediate access"},
-            {
-              icon: "Shield",              title: "Safe",              subtitle: "Clinically tested",              detail: "Fully secure"},
-            {
-              icon: "Star",              title: "Premium",              subtitle: "Top quality",              detail: "Gold standard"},
-          ],
-        },
-      ]}
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialSplitCards
-      tag="Community"
-      title="Voices of the EMO Collective"
-      description="Hear how our community has rediscovered their own potential."
-      testimonials={[
-        {
-          tag: "Success",          title: "Life Changing",          quote: "I am finally in control of my daily moods.",          name: "Alice T.",          date: "Jan 2024",          avatarImageSrc: "https://images.unsplash.com/photo-1652363038945-b5de284a5479?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxMHx8aGFwcHklMjBjdXN0b21lciUyMGF1dGhlbnRpYyUyMGxpZmVzdHlsZSUyMHBob3RvZ3JhcGh5fGVufDF8MHx8fDE3NzczNzE2ODl8MA&ixlib=rb-4.1.0&q=80&w=1080",          imageSrc: "https://images.unsplash.com/photo-1643123158858-eac2aabaa1ec?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwzMXx8YWJzdHJhY3QlMjBjb25jZXB0JTIwZW1vdGlvbiUyMGZlZWxpbmclMjBwcm9kdWN0fGVufDF8MHx8fDE3NzczNzE2OTB8MA&ixlib=rb-4.1.0&q=80&w=1080"},
-        {
-          tag: "Career",          title: "Productivity",          quote: "My performance has never been better.",          name: "Bob V.",          date: "Feb 2024",          avatarImageSrc: "https://images.unsplash.com/photo-1758874573444-8e27a84c3add?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw0fHxwb3J0cmFpdCUyMG9mJTIwY2FsbSUyMG1hbiUyMHJlbGF4ZWQlMjBvZmZpY2V8ZW58MXwwfHx8MTc3NzM3MTY5MHww&ixlib=rb-4.1.0&q=80&w=1080",          imageSrc: "https://images.unsplash.com/photo-1731980444139-7c0a42e45806?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwzMHx8Z29sZGVuJTIwYWJzdHJhY3QlMjBlbW90aW9uJTIwdmlzdWFsJTIwcmVwcmVzZW50YXRpb258ZW58MXwwfHx8MTc3NzM3MTY5MXww&ixlib=rb-4.1.0&q=80&w=1080"},
-        {
-          tag: "Lifestyle",          title: "Harmony",          quote: "Found a balance I didn't think existed.",          name: "Carla S.",          date: "Mar 2024",          avatarImageSrc: "https://images.unsplash.com/photo-1743346268401-999018074295?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyfHx5b3VuZyUyMHdvbWFuJTIwcG9ydHJhaXQlMjBmZWVsaW5nJTIwZ3JhdGVmdWx8ZW58MXwwfHx8MTc3NzM3MTY5Mnww&ixlib=rb-4.1.0&q=80&w=1080",          imageSrc: "https://images.unsplash.com/photo-1663393743241-4f47c121e6b9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwzNHx8YWJzdHJhY3QlMjBhcnRpc3RpYyUyMHJlcHJlc2VudGF0aW9uJTIwb2YlMjBsb3ZlfGVufDF8MHx8fDE3NzczNzE2OTJ8MA&ixlib=rb-4.1.0&q=80&w=1080"},
-        {
-          tag: "Growth",          title: "Evolution",          quote: "The best investment in myself.",          name: "Doug H.",          date: "Apr 2024",          avatarImageSrc: "https://images.unsplash.com/photo-1596877196587-b40130d9dac7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxOXx8aGVhZHNob3QlMjBwcm9mZXNzaW9uYWwlMjBmZWVsaW5nJTIwc3VjY2Vzc3xlbnwxfDB8fHwxNzc3MzcxNjkzfDA&ixlib=rb-4.1.0&q=80&w=1080",          imageSrc: "https://images.unsplash.com/photo-1758187805722-1aa653037e78?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxfHxkZWVwJTIwYmx1ZSUyMGNhbG0lMjB3YXRlciUyMHN1cmZhY2UlMjBhYnN0cmFjdHxlbnwxfDB8fHwxNzc3MzcxNjkzfDA&ixlib=rb-4.1.0&q=80&w=1080"},
-        {
-          tag: "Success",          title: "Inspiration",          quote: "Simply stunning results.",          name: "Eve M.",          date: "May 2024",          avatarImageSrc: "https://images.unsplash.com/photo-1523859086073-1fad3b31ab8c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw0NHx8cG9ydHJhaXQlMjBvZiUyMHBlcnNvbiUyMGZlZWxpbmclMjBqb3lmdWwlMjBicmlnaHR8ZW58MXwwfHx8MTc3NzM3MTY5NHww&ixlib=rb-4.1.0&q=80&w=1080",          imageSrc: "https://images.unsplash.com/photo-1761259788905-89f560e66fc9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw1N3x8bXlzdGVyaW91cyUyMHB1cnBsZSUyMGZvZyUyMGFic3RyYWN0fGVufDF8MHx8fDE3NzczNzE2OTR8MA&ixlib=rb-4.1.0&q=80&w=1080"},
-      ]}
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSimple
-      tag="Support"
-      title="Frequently Asked Questions"
-      description="Answers to everything you need to know about our emotion catalog."
-      items={[
-        {
-          question: "Are these safe?",          answer: "Yes, our methods are clinically evaluated."},
-        {
-          question: "Can I return them?",          answer: "Emotional experiences are permanent states of mind."},
-        {
-          question: "How do I choose?",          answer: "Our discovery quiz guides you to the perfect state."},
-      ]}
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      tag="Connect"
-      title="Begin Your Journey"
-      description="Contact our consultants to discuss which states will elevate your daily experience."
-      inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Name"},
-        {
-          name: "email",          type: "email",          placeholder: "Email"},
-      ]}
-      textarea={{
-        name: "message",        placeholder: "Describe what you're seeking..."}}
-      buttonText="Inquire Now"
-      imageSrc="https://images.unsplash.com/photo-1692133214723-e6ab0c46d3c9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyMXx8YnJpZ2h0JTIwbW9kZXJuJTIwaW50ZXJpb3IlMjBkZXNpZ24lMjBjbGVhbnxlbnwxfDB8fHwxNzc3MzcxNjg4fDA&ixlib=rb-4.1.0&q=80&w=1080"
-    />
-  </div>
+      <div id="nav" data-section="nav">
+        {/* Navbar would go here */}
+      </div>
+      <div id="hero" data-section="hero">
+        <HeroOverlayTestimonial
+          tag="Curating Human Experience"
+          title="Experience Emotions on Demand"
+          description="Unlock the state of mind you deserve. Our premium selection of curated emotional states is designed to help you live better."
+          primaryButton={{ text: "Explore Collection", href: "#catalog" }}
+          secondaryButton={{ text: "How it Works", href: "#about" }}
+          testimonials={[
+            { name: "Elena R.", handle: "@elena_r", text: "The Joy experience was absolutely transformative.", rating: 5, imageSrc: "https://images.unsplash.com/photo-1570466451723-2fc240f1c80a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyMHx8aGFwcHklMjBjdXN0b21lciUyMGF1dGhlbnRpYyUyMGxpZmVzdHlsZSUyMHBob3RvZ3JhcGh5fGVufDF8MHx8fDE3NzczNzE2ODN8MA&ixlib=rb-4.1.0&q=80&w=1080" },
+            { name: "Marcus W.", handle: "@m_w", text: "Finally, a way to focus when I need it most.", rating: 5, videoSrc: "https://images.unsplash.com/photo-1624079301461-5757d074c243?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyMXx8bWFuJTIwbG9va2luZyUyMGhhcHB5JTIwZmVlbGluZyUyMGNvbnRlbnR8ZW58MXwwfHx8MTc3NzM3MTY4M3ww&ixlib=rb-4.1.0&q=80&w=1080" },
+            { name: "Sarah J.", handle: "@sarah_j", text: "Pure serenity in every bottle.", rating: 5, imageSrc: "https://images.unsplash.com/photo-1606737645091-73c96000c891?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxfHx5b3VuZyUyMHdvbWFuJTIwcG9ydHJhaXQlMjBmZWVsaW5nJTIwZ3JhdGVmdWx8ZW58MXwwfHx8MTc3NzM3MTY4NHww&ixlib=rb-4.1.0&q=80&w=1080" },
+            { name: "David K.", handle: "@david_k", text: "Incredible service and life-changing results.", rating: 5, imageSrc: "https://images.unsplash.com/photo-1758598497192-15ffa411c3de?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw2fHxtYW4lMjBsb29raW5nJTIwc2F0aXNmaWVkJTIwc21pbGluZ3xlbnwxfDB8fHwxNzc3MzcxNjg1fDA&ixlib=rb-4.1.0&q=80&w=1080" },
+            { name: "Jordan P.", handle: "@jordan_p", text: "Deeply impressed by the scientific rigor.", rating: 5, imageSrc: "https://images.unsplash.com/photo-1633313907838-c24c65440ce5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxOHx8aGFwcHklMjBjdXN0b21lciUyMGF1dGhlbnRpYyUyMGxpZmVzdHlsZSUyMHBob3RvZ3JhcGh5fGVufDF8MHx8fDE3NzczNzE2ODN8MA&ixlib=rb-4.1.0&q=80&w=1080" }
+          ]}
+          imageSrc="https://images.unsplash.com/photo-1767948156526-47c54a70d737?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxfHxldGhlcmVhbCUyMG1pc3R5JTIwZm9yZXN0JTIwbW9ybmluZyUyMGF0bW9zcGhlcmV8ZW58MXwwfHx8MTc3NzM3MTY4Mnww&ixlib=rb-4.1.0&q=80&w=1080"
+        />
+      </div>
+      <div id="about" data-section="about">
+        <AboutTestimonial
+          tag="Our Philosophy"
+          quote="We believe that emotions are the fundamental architecture of human performance. By curating these states, we bridge the gap between potential and achievement."
+          author="Dr. Aris Thorne"
+          role="Founder, EMO Collective"
+          imageSrc="https://images.unsplash.com/photo-1767948156141-42785b949ed6?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw4fHxldGhlcmVhbCUyMG1pc3R5JTIwZm9yZXN0JTIwbW9ybmluZyUyMGF0bW9zcGhlcmV8ZW58MXwwfHx8MTc3NzM3MTY4Mnww&ixlib=rb-4.1.0&q=80&w=1080"
+        />
+      </div>
+      <div id="catalog" data-section="catalog">
+        <ProductMediaCards
+          tag="Emotion Library"
+          title="Browse Our Curated States"
+          description="Each emotional profile is synthesized to evoke specific neural responses."
+          products={[
+            { name: "Pure Joy", price: "$120", imageSrc: "https://images.unsplash.com/photo-1640958903789-c3639105fc65?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyM3x8Z2xhc3MlMjB2aWFsJTIwZ29sZGVuJTIwbGlnaHQlMjBnbG93fGVufDF8MHx8fDE3NzczNzE2ODV8MA&ixlib=rb-4.1.0&q=80&w=1080" },
+            { name: "Deep Focus", price: "$95", imageSrc: "https://images.unsplash.com/photo-1738082657793-8ce7ff00ff57?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyNnx8d2FybSUyMHllbGxvdyUyMGdsb3dpbmclMjBvcmIlMjBjb25jZXB0fGVufDF8MHx8fDE3NzczNzE2ODZ8MA&ixlib=rb-4.1.0&q=80&w=1080" },
+            { name: "Affection", price: "$110", imageSrc: "https://images.unsplash.com/photo-1622360963543-62fe56ce378e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxMnx8YWJzdHJhY3QlMjBhcnRpc3RpYyUyMHJlcHJlc2VudGF0aW9uJTIwb2YlMjBsb3ZlfGVufDF8MHx8fDE3NzczNzE2ODZ8MA&ixlib=rb-4.1.0&q=80&w=1080" },
+            { name: "Calm", price: "$85", imageSrc: "https://images.unsplash.com/photo-1569146089053-40f33fb708dc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw3fHxzZXJlbmUlMjBlbW90aW9uJTIwY29uY2VwdCUyMHBlYWNlZnVsJTIwbGlnaHR8ZW58MXwwfHx8MTc3NzM3MTY4N3ww&ixlib=rb-4.1.0&q=80&w=1080" },
+            { name: "High Energy", price: "$130", imageSrc: "https://images.unsplash.com/photo-1771012447407-be648dfd81aa?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwzfHxmaWVyeSUyMGFic3RyYWN0JTIwZ2xvd2luZyUyMGxpZ2h0JTIwYXJ0fGVufDF8MHx8fDE3NzczNzE2ODd8MA&ixlib=rb-4.1.0&q=80&w=1080" },
+            { name: "Inspiration", price: "$145", imageSrc: "https://images.unsplash.com/photo-1642879320437-15658d5668f1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxMXx8bXlzdGVyaW91cyUyMHB1cnBsZSUyMGZvZyUyMGFic3RyYWN0fGVufDF8MHx8fDE3NzczNzE2ODh8MA&ixlib=rb-4.1.0&q=80&w=1080" }
+          ]}
+        />
+      </div>
+      <div id="metrics" data-section="metrics">
+        <MetricsMinimalCards
+          tag="Impact Data"
+          title="Proven Results"
+          metrics={[
+            { value: "15k+", description: "Happy Clients" },
+            { value: "98%", description: "Satisfaction Rate" },
+            { value: "24/7", description: "Availability" }
+          ]}
+        />
+      </div>
+      <div id="features" data-section="features">
+        <FeaturesBento
+          tag="Why Us"
+          title="Precision Emotional Engineering"
+          description="Our proprietary technology ensures consistent quality in every emotional state you choose."
+          features={[
+            { title: "Scientific Basis", description: "Validated neurological research.", bentoComponent: "info-card-marquee", items: [{ icon: "CheckCircle", label: "Certified", value: "100%" }] },
+            { title: "User Experience", description: "Designed for intuitive access.", bentoComponent: "tilted-stack-cards", items: [{ icon: "Zap", title: "Fast", subtitle: "Instant effect", detail: "Immediate access" }, { icon: "Shield", title: "Safe", subtitle: "Clinically tested", detail: "Fully secure" }, { icon: "Star", title: "Premium", subtitle: "Top quality", detail: "Gold standard" }] }
+          ]}
+        />
+      </div>
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialSplitCards
+          tag="Community"
+          title="Voices of the EMO Collective"
+          description="Hear how our community has rediscovered their own potential."
+          testimonials={[
+            { tag: "Success", title: "Life Changing", quote: "I am finally in control of my daily moods.", name: "Alice T.", date: "Jan 2024", avatarImageSrc: "https://images.unsplash.com/photo-1652363038945-b5de284a5479?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxMHx8aGFwcHklMjBjdXN0b21lciUyMGF1dGhlbnRpYyUyMGxpZmVzdHlsZSUyMHBob3RvZ3JhcGh5fGVufDF8MHx8fDE3NzczNzE2ODl8MA&ixlib=rb-4.1.0&q=80&w=1080", imageSrc: "https://images.unsplash.com/photo-1643123158858-eac2aabaa1ec?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwzMXx8YWJzdHJhY3QlMjBjb25jZXB0JTIwZW1vdGlvbiUyMGZlZWxpbmclMjBwcm9kdWN0fGVufDF8MHx8fDE3NzczNzE2OTB8MA&ixlib=rb-4.1.0&q=80&w=1080" },
+            { tag: "Career", title: "Productivity", quote: "My performance has never been better.", name: "Bob V.", date: "Feb 2024", avatarImageSrc: "https://images.unsplash.com/photo-1758874573444-8e27a84c3add?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw0fHxwb3J0cmFpdCUyMG9mJTIwY2FsbSUyMG1hbiUyMHJlbGF4ZWQlMjBvZmZpY2V8ZW58MXwwfHx8MTc3NzM3MTY5MHww&ixlib=rb-4.1.0&q=80&w=1080", imageSrc: "https://images.unsplash.com/photo-1731980444139-7c0a42e45806?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwzMHx8Z29sZGVuJTIwYWJzdHJhY3QlMjBlbW90aW9uJTIwdmlzdWFsJTIwcmVwcmVzZW50YXRpb258ZW58MXwwfHx8MTc3NzM3MTY5MXww&ixlib=rb-4.1.0&q=80&w=1080" },
+            { tag: "Lifestyle", title: "Harmony", quote: "Found a balance I didn't think existed.", name: "Carla S.", date: "Mar 2024", avatarImageSrc: "https://images.unsplash.com/photo-1743346268401-999018074295?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyfHx5b3VuZyUyMHdvbWFuJTIwcG9ydHJhaXQlMjBmZWVsaW5nJTIwZ3JhdGVmdWx8ZW58MXwwfHx8MTc3NzM3MTY5Mnww&ixlib=rb-4.1.0&q=80&w=1080", imageSrc: "https://images.unsplash.com/photo-1663393743241-4f47c121e6b9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwzNHx8YWJzdHJhY3QlMjBhcnRpc3RpYyUyMHJlcHJlc2VudGF0aW9uJTIwb2YlMjBsb3ZlfGVufDF8MHx8fDE3NzczNzE2OTJ8MA&ixlib=rb-4.1.0&q=80&w=1080" },
+            { tag: "Growth", title: "Evolution", quote: "The best investment in myself.", name: "Doug H.", date: "Apr 2024", avatarImageSrc: "https://images.unsplash.com/photo-1596877196587-b40130d9dac7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxOXx8aGVhZHNob3QlMjBwcm9mZXNzaW9uYWwlMjBmZWVsaW5nJTIwc3VjY2Vzc3xlbnwxfDB8fHwxNzc3MzcxNjkzfDA&ixlib=rb-4.1.0&q=80&w=1080", imageSrc: "https://images.unsplash.com/photo-1758187805722-1aa653037e78?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxfHxkZWVwJTIwYmx1ZSUyMGNhbG0lMjB3YXRlciUyMHN1cmZhY2UlMjBhYnN0cmFjdHxlbnwxfDB8fHwxNzc3MzcxNjkzfDA&ixlib=rb-4.1.0&q=80&w=1080" },
+            { tag: "Success", title: "Inspiration", quote: "Simply stunning results.", name: "Eve M.", date: "May 2024", avatarImageSrc: "https://images.unsplash.com/photo-1523859086073-1fad3b31ab8c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw0NHx8cG9ydHJhaXQlMjBvZiUyMHBlcnNvbiUyMGZlZWxpbmclMjBqb3lmdWwlMjBicmlnaHR8ZW58MXwwfHx8MTc3NzM3MTY5NHww&ixlib=rb-4.1.0&q=80&w=1080", imageSrc: "https://images.unsplash.com/photo-1761259788905-89f560e66fc9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw1N3x8bXlzdGVyaW91cyUyMHB1cnBsZSUyMGZvZyUyMGFic3RyYWN0fGVufDF8MHx8fDE3NzczNzE2OTR8MA&ixlib=rb-4.1.0&q=80&w=1080" }
+          ]}
+        />
+      </div>
+      <div id="faq" data-section="faq">
+        <FaqSimple
+          tag="Support"
+          title="Frequently Asked Questions"
+          description="Answers to everything you need to know about our emotion catalog."
+          items={[
+            { question: "Are these safe?", answer: "Yes, our methods are clinically evaluated." },
+            { question: "Can I return them?", answer: "Emotional experiences are permanent states of mind." },
+            { question: "How do I choose?", answer: "Our discovery quiz guides you to the perfect state." }
+          ]}
+        />
+      </div>
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          tag="Connect"
+          title="Begin Your Journey"
+          description="Contact our consultants to discuss which states will elevate your daily experience."
+          inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
+          textarea={{ name: "message", placeholder: "Describe what you're seeking..." }}
+          buttonText="Inquire Now"
+          imageSrc="https://images.unsplash.com/photo-1692133214723-e6ab0c46d3c9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyMXx8YnJpZ2h0JTIwbW9kZXJuJTIwaW50ZXJpb3IlMjBkZXNpZ24lMjBjbGVhbnxlbnwxfDB8fHwxNzc3MzcxNjg4fDA&ixlib=rb-4.1.0&q=80&w=1080"
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterBrandReveal
+          brand="EMO COLLECTIVE"
+          columns={[{ items: [{ label: "Home", href: "/" }, { label: "Catalog", href: "#catalog" }, { label: "FAQ", href: "#faq" }] }, { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
+        />
+      </div>
     </ThemeProvider>
   );
 }
-- 
2.49.1