Merge version_3 into main #1
212
src/app/page.tsx
212
src/app/page.tsx
@@ -33,65 +33,42 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Live Breaks",
|
||||
id: "product",
|
||||
},
|
||||
name: "Live Breaks", id: "product"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "features",
|
||||
},
|
||||
name: "Why Us", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Cancelled Breaks"
|
||||
button={{
|
||||
text: "Join Break",
|
||||
href: "contact",
|
||||
}}
|
||||
text: "Join Break", href: "contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Every Break Could Change Everything"
|
||||
description="Join live sports card breaks, chase rare hits, and experience the hype with a trusted community. Real pulls, real reactions, real wins—streamed live."
|
||||
tag="Live Now"
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Next Break",
|
||||
href: "product",
|
||||
},
|
||||
text: "Join the Next Break", href: "product"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-florist-with-blank-slate-floral-shop_23-2147929164.jpg",
|
||||
imageAlt: "Live sports card breaking event",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-florist-with-blank-slate-floral-shop_23-2147929164.jpg", imageAlt: "Live sports card breaking event"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-lottery-tickets_23-2149820199.jpg",
|
||||
imageAlt: "Collector celebrating a rare card hit",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-lottery-tickets_23-2149820199.jpg", imageAlt: "Collector celebrating a rare card hit"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chalkboard-front-bouquet-gifts_23-2147742202.jpg",
|
||||
imageAlt: "Chalkboard in front of bouquet and gifts",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chalkboard-front-bouquet-gifts_23-2147742202.jpg", imageAlt: "Chalkboard in front of bouquet and gifts"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/santa-s-letter-with-gift-wrap_24837-501.jpg",
|
||||
imageAlt: "Santa's letter with gift wrap",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/santa-s-letter-with-gift-wrap_24837-501.jpg", imageAlt: "Santa's letter with gift wrap"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-sale-small-flower-shop-business-woman_23-2148463225.jpg",
|
||||
imageAlt: "Spring sale of small flower shop business and woman",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-sale-small-flower-shop-business-woman_23-2148463225.jpg", imageAlt: "Spring sale of small flower shop business and woman"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -104,9 +81,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Ultimate Breaking Experience"
|
||||
description={[
|
||||
"Cancelled Breaks isn't just about opening packs; it's about the shared adrenaline, the collective anticipation, and the thrill of hitting that 'one-of-one' card in front of a live audience.",
|
||||
"We prioritize transparency, energy, and community. Our platform bridges the gap between digital streaming and physical collecting, ensuring every break is a premium, fair, and unforgettable event.",
|
||||
]}
|
||||
"Cancelled Breaks isn't just about opening packs; it's about the shared adrenaline, the collective anticipation, and the thrill of hitting that 'one-of-one' card in front of a live audience.", "We prioritize transparency, energy, and community. Our platform bridges the gap between digital streaming and physical collecting, ensuring every break is a premium, fair, and unforgettable event."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -118,20 +93,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Verified Breakers",
|
||||
description: "Every breaker is vetted for reliability, ensuring transparency and honesty in every pull.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-objects-still-life_23-2150348557.jpg",
|
||||
},
|
||||
title: "Verified Breakers", description: "Every breaker is vetted for reliability, ensuring transparency and honesty in every pull.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-objects-still-life_23-2150348557.jpg"},
|
||||
{
|
||||
title: "Real-Time Tracking",
|
||||
description: "Monitor your break status with live updates and instant notifications for every hit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-plan-blueprint-layout-work-concept_53876-124259.jpg",
|
||||
},
|
||||
title: "Real-Time Tracking", description: "Monitor your break status with live updates and instant notifications for every hit.", imageSrc: "http://img.b2bpic.net/free-photo/architecture-plan-blueprint-layout-work-concept_53876-124259.jpg"},
|
||||
{
|
||||
title: "Global Community",
|
||||
description: "Connect with thousands of collectors worldwide who share your passion for the chase.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roommates-spending-time-together_23-2149359369.jpg",
|
||||
},
|
||||
title: "Global Community", description: "Connect with thousands of collectors worldwide who share your passion for the chase.", imageSrc: "http://img.b2bpic.net/free-photo/roommates-spending-time-together_23-2149359369.jpg"},
|
||||
]}
|
||||
title="Why Collectors Choose Us"
|
||||
description="We deliver the energy, reliability, and community that hobbyists demand."
|
||||
@@ -146,41 +112,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Elite Basketball Box",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-traditional-cards-game_23-2150558635.jpg",
|
||||
},
|
||||
id: "p1", name: "Elite Basketball Box", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/mexican-traditional-cards-game_23-2150558635.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ultimate Baseball Set",
|
||||
price: "$125",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827405.jpg",
|
||||
},
|
||||
id: "p2", name: "Ultimate Baseball Set", price: "$125", imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827405.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Premium Soccer Break",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-healthy-breakfast-messy-bedsheet_23-2147860435.jpg",
|
||||
},
|
||||
id: "p3", name: "Premium Soccer Break", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-healthy-breakfast-messy-bedsheet_23-2147860435.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Future Stars Pack",
|
||||
price: "$200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-casino-illustration_23-2151726874.jpg",
|
||||
},
|
||||
id: "p4", name: "Future Stars Pack", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/anime-casino-illustration_23-2151726874.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Vintage Soccer Pack",
|
||||
price: "$300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-baseball-player_23-2150885241.jpg",
|
||||
},
|
||||
id: "p5", name: "Vintage Soccer Pack", price: "$300", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-baseball-player_23-2150885241.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Classic Baseball Pack",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cartoon-sports-team_23-2151756251.jpg",
|
||||
},
|
||||
id: "p6", name: "Classic Baseball Pack", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cartoon-sports-team_23-2151756251.jpg"},
|
||||
]}
|
||||
title="Upcoming Breaks"
|
||||
description="Don't miss out on these exclusive breaking opportunities."
|
||||
@@ -194,31 +136,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12,405",
|
||||
title: "Breaks Completed",
|
||||
items: [
|
||||
"Live events",
|
||||
"Packed openings",
|
||||
],
|
||||
id: "m1", value: "12,405", title: "Breaks Completed", items: [
|
||||
"Live events", "Packed openings"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "850+",
|
||||
title: "Rare Hits Pulled",
|
||||
items: [
|
||||
"1/1 cards",
|
||||
"Autographs",
|
||||
],
|
||||
id: "m2", value: "850+", title: "Rare Hits Pulled", items: [
|
||||
"1/1 cards", "Autographs"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
title: "Community Rating",
|
||||
items: [
|
||||
"Trusted breakers",
|
||||
"Fair play",
|
||||
],
|
||||
id: "m3", value: "4.9/5", title: "Community Rating", items: [
|
||||
"Trusted breakers", "Fair play"],
|
||||
},
|
||||
]}
|
||||
title="Numbers That Hype"
|
||||
@@ -232,55 +159,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
date: "Jan 2025",
|
||||
title: "Best Breaking Experience",
|
||||
quote: "I've tried every breaking site, but the community vibe and transparency here are unmatched.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-smiling-while-working-computer_1170-825.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chinese-woman-holding-traditional-red-envelope-with-chinese-new-year-wishes_181624-16872.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", date: "Jan 2025", title: "Best Breaking Experience", quote: "I've tried every breaking site, but the community vibe and transparency here are unmatched.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-smiling-while-working-computer_1170-825.jpg", imageSrc: "http://img.b2bpic.net/free-photo/chinese-woman-holding-traditional-red-envelope-with-chinese-new-year-wishes_181624-16872.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
date: "Dec 2024",
|
||||
title: "Hit Big!",
|
||||
quote: "Pulled my first 1/1 here. The live broadcast was intense and totally fair.",
|
||||
tag: "Elite",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/thinking-young-handsome-guy-cap-wearing-headphones-isolated-blue-background_141793-138956.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-annoyed-blonde-russian-girl-stands-with-raised-hands-isolated-green-background-with-copy-space_141793-65126.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael C.", date: "Dec 2024", title: "Hit Big!", quote: "Pulled my first 1/1 here. The live broadcast was intense and totally fair.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/thinking-young-handsome-guy-cap-wearing-headphones-isolated-blue-background_141793-138956.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-annoyed-blonde-russian-girl-stands-with-raised-hands-isolated-green-background-with-copy-space_141793-65126.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
date: "Nov 2024",
|
||||
title: "Trustworthy",
|
||||
quote: "Finally, a breaker that doesn't just do it for the money, but for the hobby.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-portrait-working-woman-celebration-labour-day_23-2151306586.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-lottery-ticket-front-view_23-2149820165.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily R.", date: "Nov 2024", title: "Trustworthy", quote: "Finally, a breaker that doesn't just do it for the money, but for the hobby.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-portrait-working-woman-celebration-labour-day_23-2151306586.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-lottery-ticket-front-view_23-2149820165.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
date: "Oct 2024",
|
||||
title: "High Energy",
|
||||
quote: "The stream quality and the hype when the cards get revealed is insane. I'm addicted.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/neon-cyberpunk-assassin-with-glowing-eyes_23-2152031315.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-suffering-from-technology-addiction-cybersickness_23-2151552595.jpg",
|
||||
},
|
||||
id: "t4", name: "David K.", date: "Oct 2024", title: "High Energy", quote: "The stream quality and the hype when the cards get revealed is insane. I'm addicted.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/neon-cyberpunk-assassin-with-glowing-eyes_23-2152031315.jpg", imageSrc: "http://img.b2bpic.net/free-photo/person-suffering-from-technology-addiction-cybersickness_23-2151552595.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex P.",
|
||||
date: "Sep 2024",
|
||||
title: "Solid Service",
|
||||
quote: "Shipping was fast, and the organization of the break was super clear. Love it.",
|
||||
tag: "Collector",
|
||||
avatarSrc: "http://img.b2bpic.net/free-vector/people-doing-outdoor-activities_23-2148154837.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-lottery-tickets_23-2149820161.jpg",
|
||||
},
|
||||
id: "t5", name: "Alex P.", date: "Sep 2024", title: "Solid Service", quote: "Shipping was fast, and the organization of the break was super clear. Love it.", tag: "Collector", avatarSrc: "http://img.b2bpic.net/free-vector/people-doing-outdoor-activities_23-2148154837.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-lottery-tickets_23-2149820161.jpg"},
|
||||
]}
|
||||
title="Collector Voices"
|
||||
description="See why our community keeps coming back for the next big hit."
|
||||
@@ -292,14 +179,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"CardMarket",
|
||||
"HobbyLive",
|
||||
"BreakConnect",
|
||||
"CollectorHub",
|
||||
"FoilFinders",
|
||||
"GradeExpert",
|
||||
"HypeBreaks",
|
||||
]}
|
||||
"CardMarket", "HobbyLive", "BreakConnect", "CollectorHub", "FoilFinders", "GradeExpert", "HypeBreaks"]}
|
||||
title="Partnered With Leaders"
|
||||
description="Collaborating with the biggest names in the card hobby."
|
||||
/>
|
||||
@@ -311,20 +191,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do live breaks work?",
|
||||
content: "You purchase a team or spot, we go live on our channel, open the boxes, and assign the cards pulled to your purchased spots.",
|
||||
},
|
||||
id: "q1", title: "How do live breaks work?", content: "You purchase a team or spot, we go live on our channel, open the boxes, and assign the cards pulled to your purchased spots."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is shipping included?",
|
||||
content: "Yes, we ship all hits directly to your door with secure packaging and tracking included.",
|
||||
},
|
||||
id: "q2", title: "Is shipping included?", content: "Yes, we ship all hits directly to your door with secure packaging and tracking included."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How can I trust the process?",
|
||||
content: "We show everything on camera, including opening sealed cases, ensuring full transparency in our breaking operations.",
|
||||
},
|
||||
id: "q3", title: "How can I trust the process?", content: "We show everything on camera, including opening sealed cases, ensuring full transparency in our breaking operations."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laptop-screen-with-line-job-search_169016-38606.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -338,16 +209,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Ready to pull?"
|
||||
title="Your Next Big Hit Awaits"
|
||||
description="Join our growing community and start breaking with confidence today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Next Break",
|
||||
href: "product",
|
||||
},
|
||||
text: "Join the Next Break", href: "product"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -361,4 +229,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #050012;
|
||||
--card: #040121;
|
||||
--foreground: #f0e6ff;
|
||||
--primary-cta: #c89bff;
|
||||
--background: #000000;
|
||||
--card: #1e0d0d;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #ff3d4a;
|
||||
--primary-cta-text: #050012;
|
||||
--secondary-cta: #1d123b;
|
||||
--secondary-cta: #1f0a0a;
|
||||
--secondary-cta-text: #f0e6ff;
|
||||
--accent: #684f7b;
|
||||
--background-accent: #65417c;
|
||||
--accent: #7b2d2d;
|
||||
--background-accent: #b8111f;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user