Merge version_1 into main #2
404
src/app/page.tsx
404
src/app/page.tsx
@@ -15,294 +15,140 @@ import { ShieldCheck, Target, Zap } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmall"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmall"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Process",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Social Proof",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Apply",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="SoldOut Agency"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Process", id: "features" },
|
||||
{ name: "Results", id: "metrics" },
|
||||
{ name: "Social Proof", id: "testimonials" },
|
||||
{ name: "Apply", id: "contact" }
|
||||
]}
|
||||
brandName="SoldOut Agency"
|
||||
button={{ text: "Apply Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Soldout events, predictable ticket sales"
|
||||
description="We dont just promote your event—we engineer the full funnel to drive 30–70% of sales through paid acquisition. If your event doesnt meet our criteria, we wont take you on."
|
||||
buttons={[
|
||||
{
|
||||
text: "Apply for our system",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/purple-ferromagnetic-liquid-metal-with-copy-space_23-2148253630.jpg?_wi=1"
|
||||
imageAlt="Crowd at a sold-out electronic concert"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dreamy-african-man-glasses-standing-street-outdoor-photo-stylish-black-guy-listening-music-headphones_197531-21803.jpg",
|
||||
alt: "Promoter 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-cup-headphones-red-wall_114579-56013.jpg",
|
||||
alt: "Promoter 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-hugging-dinosaur-toy_23-2148288009.jpg",
|
||||
alt: "Promoter 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg",
|
||||
alt: "Promoter 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-tattooed-man-summer-terrace-city-cafe-is-drinking-wine-street-cafe_1321-20.jpg",
|
||||
alt: "Promoter 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 50+ world-class promoters"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "70% Growth",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Targeted Ads",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data-Driven",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Full Funnel",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sold Out",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Soldout events, predictable ticket sales"
|
||||
description="We dont just promote your event—we engineer the full funnel to drive 30–70% of sales through paid acquisition. If your event doesnt meet our criteria, we wont take you on."
|
||||
buttons={[{ text: "Apply for our system", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/purple-ferromagnetic-liquid-metal-with-copy-space_23-2148253630.jpg"
|
||||
imageAlt="Crowd at a sold-out electronic concert"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/dreamy-african-man-glasses-standing-street-outdoor-photo-stylish-black-guy-listening-music-headphones_197531-21803.jpg", alt: "Promoter 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-cup-headphones-red-wall_114579-56013.jpg", alt: "Promoter 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-hugging-dinosaur-toy_23-2148288009.jpg", alt: "Promoter 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg", alt: "Promoter 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-tattooed-man-summer-terrace-city-cafe-is-drinking-wine-street-cafe_1321-20.jpg", alt: "Promoter 5" }
|
||||
]}
|
||||
avatarText="Trusted by 50+ world-class promoters"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "70% Growth" },
|
||||
{ type: "text", text: "Targeted Ads" },
|
||||
{ type: "text", text: "Data-Driven" },
|
||||
{ type: "text", text: "Full Funnel" },
|
||||
{ type: "text", text: "Sold Out" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Guaranteed Performance"
|
||||
tag="Our Results"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "70%",
|
||||
description: "Maximum ticket sales driven by our funnel",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "30%",
|
||||
description: "Minimum sales baseline on all accepted events",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Selective engagement guarantee",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Guaranteed Performance"
|
||||
tag="Our Results"
|
||||
metrics={[
|
||||
{ id: "m1", value: "70%", description: "Maximum ticket sales driven by our funnel" },
|
||||
{ id: "m2", value: "30%", description: "Minimum sales baseline on all accepted events" },
|
||||
{ id: "m3", value: "100%", description: "Selective engagement guarantee" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Predictable Funnels",
|
||||
description: "Automated ad spend optimization designed specifically for live music.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purple-ferromagnetic-liquid-metal-with-copy-space_23-2148253630.jpg?_wi=2",
|
||||
imageAlt: "electronic music concert stage crowd",
|
||||
},
|
||||
{
|
||||
title: "Data-Driven Targeting",
|
||||
description: "We identify and capture high-intent buyers before they even know your event is coming.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Target,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/filter-icon-right-side_187299-45688.jpg",
|
||||
imageAlt: "growth chart icon minimal",
|
||||
},
|
||||
{
|
||||
title: "Exclusivity First",
|
||||
description: "Our selectivity is our clients' biggest advantage. We refuse bad-fit events to focus on winners.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-african-man-glasses-standing-street-outdoor-photo-stylish-black-guy-listening-music-headphones_197531-21803.jpg?_wi=1",
|
||||
imageAlt: "concert promoter portrait professional",
|
||||
},
|
||||
]}
|
||||
title="The SoldOut System"
|
||||
description="We turn your venue into a full-capacity reality through precise, data-driven paid acquisition."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Predictable Funnels", description: "Automated ad spend optimization designed specifically for live music.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ title: "Data-Driven Targeting", description: "We identify and capture high-intent buyers before they even know your event is coming.", bentoComponent: "reveal-icon", icon: Target },
|
||||
{ title: "Exclusivity First", description: "Our selectivity is our clients' biggest advantage. We refuse bad-fit events to focus on winners.", bentoComponent: "reveal-icon", icon: ShieldCheck }
|
||||
]}
|
||||
title="The SoldOut System"
|
||||
description="We turn your venue into a full-capacity reality through precise, data-driven paid acquisition."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Sold Out Success",
|
||||
quote: "They turned my failing festival into a 90% capacity event in weeks.",
|
||||
name: "Alex Rivers",
|
||||
role: "Promoter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-african-man-glasses-standing-street-outdoor-photo-stylish-black-guy-listening-music-headphones_197531-21803.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Predictable Revenue",
|
||||
quote: "I never worry about ticket sales anymore. It's truly a system.",
|
||||
name: "Jamie Lee",
|
||||
role: "Festival Producer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-cup-headphones-red-wall_114579-56013.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Game Changer",
|
||||
quote: "Their selectivity makes sense. They only win, and so do we.",
|
||||
name: "Sam Thorne",
|
||||
role: "Agency Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-hugging-dinosaur-toy_23-2148288009.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Total Peace of Mind",
|
||||
quote: "The ROI on their paid acquisition strategy is unmatched.",
|
||||
name: "Casey Smith",
|
||||
role: "Booking Agent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "High Efficiency",
|
||||
quote: "Efficient, professional, and results-focused. Best in the industry.",
|
||||
name: "Jordan P.",
|
||||
role: "Nightlife Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-man-summer-terrace-city-cafe-is-drinking-wine-street-cafe_1321-20.jpg",
|
||||
},
|
||||
]}
|
||||
title="Promoters Trust Our System"
|
||||
description="Hear from the festival organizers and club promoters who filled their venues."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Sold Out Success", quote: "They turned my failing festival into a 90% capacity event in weeks.", name: "Alex Rivers", role: "Promoter", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-african-man-glasses-standing-street-outdoor-photo-stylish-black-guy-listening-music-headphones_197531-21803.jpg" },
|
||||
{ id: "2", title: "Predictable Revenue", quote: "I never worry about ticket sales anymore. It's truly a system.", name: "Jamie Lee", role: "Festival Producer", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-cup-headphones-red-wall_114579-56013.jpg" },
|
||||
{ id: "3", title: "Game Changer", quote: "Their selectivity makes sense. They only win, and so do we.", name: "Sam Thorne", role: "Agency Director", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-hugging-dinosaur-toy_23-2148288009.jpg" },
|
||||
{ id: "4", title: "Total Peace of Mind", quote: "The ROI on their paid acquisition strategy is unmatched.", name: "Casey Smith", role: "Booking Agent", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg" },
|
||||
{ id: "5", title: "High Efficiency", quote: "Efficient, professional, and results-focused. Best in the industry.", name: "Jordan P.", role: "Nightlife Manager", imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-man-summer-terrace-city-cafe-is-drinking-wine-street-cafe_1321-20.jpg" }
|
||||
]}
|
||||
title="Promoters Trust Our System"
|
||||
description="Hear from the festival organizers and club promoters who filled their venues."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What budget do you require?",
|
||||
content: "Our system is optimized for events with $50K–$500K budgets.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you guarantee 70% sales?",
|
||||
content: "We engineer the funnel to drive 30-70%, provided the event meets our data criteria.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What if you decline my event?",
|
||||
content: "If we don't think we can achieve the results we promise, we respectfully decline the engagement.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers about how our partnership process works."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "What budget do you require?", content: "Our system is optimized for events with $50K–$500K budgets." },
|
||||
{ id: "f2", title: "Do you guarantee 70% sales?", content: "We engineer the funnel to drive 30-70%, provided the event meets our data criteria." },
|
||||
{ id: "f3", title: "What if you decline my event?", content: "If we don't think we can achieve the results we promise, we respectfully decline the engagement." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers about how our partnership process works."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Partnership"
|
||||
title="Apply for the SoldOut System"
|
||||
description="Ready to guarantee your ticket sales? Apply now and let's see if we're a fit."
|
||||
buttonText="Apply Now"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Partnership"
|
||||
title="Apply for the SoldOut System"
|
||||
description="Ready to guarantee your ticket sales? Apply now and let's see if we're a fit."
|
||||
buttonText="Apply Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Agency",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Partnerships",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="SoldOut Agency"
|
||||
copyrightText="© 2025 SoldOut Agency. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Agency", items: [{ label: "About Us", href: "#" }, { label: "Partnerships", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
logoText="SoldOut Agency"
|
||||
copyrightText="© 2025 SoldOut Agency. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user