Merge version_1_1777371665510 into main #4
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user