Merge version_1 into main #2
266
src/app/page.tsx
266
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Stickers",
|
||||
id: "products",
|
||||
},
|
||||
name: "Stickers", id: "products"},
|
||||
{
|
||||
name: "Mystery Packs",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Mystery Packs", id: "pricing"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CashinCombos"
|
||||
/>
|
||||
@@ -59,47 +49,26 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Unleash the Hype"
|
||||
description="Exclusive stickers, premium wristbands, and mystery packs delivered to your door."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-help-wanted-badges-set_23-2149491573.jpg?_wi=1",
|
||||
imageAlt: "vibrant stickers display colorful",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-vector/gradient-help-wanted-badges-set_23-2149491573.jpg", imageAlt: "vibrant stickers display colorful"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-holding-hands-with-bracelets_23-2148144521.jpg?_wi=1",
|
||||
imageAlt: "wristbands stack lifestyle shot",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/friends-holding-hands-with-bracelets_23-2148144521.jpg", imageAlt: "wristbands stack lifestyle shot"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-mystery-cardboard-box-with-gleaming-light-coming-from-inside_23-2149668062.jpg",
|
||||
imageAlt: "mystery pack packaging unwrapping",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/view-mystery-cardboard-box-with-gleaming-light-coming-from-inside_23-2149668062.jpg", imageAlt: "mystery pack packaging unwrapping"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-trendy-cartoon-badges-labels_23-2149123212.jpg",
|
||||
imageAlt: "sticker sheet design studio",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-trendy-cartoon-badges-labels_23-2149123212.jpg", imageAlt: "sticker sheet design studio"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/some-3d-glasses_23-2147775802.jpg",
|
||||
imageAlt: "wristband collection display grid",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/some-3d-glasses_23-2147775802.jpg", imageAlt: "wristband collection display grid"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-gift-box-with-candies-party-accessories-yellow-background_23-2147917364.jpg",
|
||||
imageAlt: "mystery pack surprise gift concept",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/open-gift-box-with-candies-party-accessories-yellow-background_23-2147917364.jpg", imageAlt: "mystery pack surprise gift concept"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,17 +81,11 @@ export default function LandingPage() {
|
||||
description="CashinCombos started in a bedroom and grew into a movement. We curate the best bands and designs for those who live for the hustle."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Premium Quality",
|
||||
description: "Materials that last through every adventure.",
|
||||
},
|
||||
title: "Premium Quality", description: "Materials that last through every adventure."},
|
||||
{
|
||||
title: "Exclusive Drops",
|
||||
description: "Designs you won't find anywhere else.",
|
||||
},
|
||||
title: "Exclusive Drops", description: "Designs you won't find anywhere else."},
|
||||
{
|
||||
title: "Mystery Guaranteed",
|
||||
description: "Every pack is curated to thrill.",
|
||||
},
|
||||
title: "Mystery Guaranteed", description: "Every pack is curated to thrill."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/old-person-browsing-internet-find-artistic-inspiration-laptop-computer-using-technology-draw-artwork-sketch-drawing-artwork-masterpiece-with-creative-skills-artistic-tools_482257-45921.jpg"
|
||||
imageAlt="founder working creative workspace"
|
||||
@@ -138,47 +101,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Vibe Sticker",
|
||||
price: "$5",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/naive-ai-stickers-collection_23-2150522590.jpg",
|
||||
imageAlt: "cool vinyl sticker design",
|
||||
},
|
||||
id: "p1", name: "Vibe Sticker", price: "$5", imageSrc: "http://img.b2bpic.net/free-vector/naive-ai-stickers-collection_23-2150522590.jpg", imageAlt: "cool vinyl sticker design"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pro Wristband",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-afro-dreadlocks_23-2149462114.jpg",
|
||||
imageAlt: "limited edition wristband vibrant",
|
||||
},
|
||||
id: "p2", name: "Pro Wristband", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-afro-dreadlocks_23-2149462114.jpg", imageAlt: "limited edition wristband vibrant"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Gold Mystery Pack",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-autumn-traveling-elements-assortment_23-2148634189.jpg",
|
||||
imageAlt: "mystery pack sticker surprise",
|
||||
},
|
||||
id: "p3", name: "Gold Mystery Pack", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/top-view-autumn-traveling-elements-assortment_23-2148634189.jpg", imageAlt: "mystery pack sticker surprise"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Hype Sticker Pack",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-making-gingerbread-form-word-ukraine_169016-20345.jpg",
|
||||
imageAlt: "sticker design artistic style",
|
||||
},
|
||||
id: "p4", name: "Hype Sticker Pack", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/process-making-gingerbread-form-word-ukraine_169016-20345.jpg", imageAlt: "sticker design artistic style"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Limited Band",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-polka-doy-skirt_1162-14.jpg",
|
||||
imageAlt: "wristband collection vibrant set",
|
||||
},
|
||||
id: "p5", name: "Limited Band", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-polka-doy-skirt_1162-14.jpg", imageAlt: "wristband collection vibrant set"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Ultimate Mystery",
|
||||
price: "$40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-celebrating-xmas-with-drink-pink-wall_179666-3884.jpg",
|
||||
imageAlt: "mystery box collectible fun",
|
||||
},
|
||||
id: "p6", name: "Ultimate Mystery", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-celebrating-xmas-with-drink-pink-wall_179666-3884.jpg", imageAlt: "mystery box collectible fun"},
|
||||
]}
|
||||
title="Fresh Drops"
|
||||
description="Grab the latest stickers and wristbands before they vanish."
|
||||
@@ -189,37 +122,20 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentyThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fast Shipping",
|
||||
tags: [
|
||||
"Speed",
|
||||
"Reliable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-funky-stylized-script-font-sticker-set-beige-background-vector_53876-162554.jpg",
|
||||
imageAlt: "Colorful funky stylized script font sticker set on a beige background vector",
|
||||
},
|
||||
id: "f1", title: "Fast Shipping", tags: [
|
||||
"Speed", "Reliable"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-funky-stylized-script-font-sticker-set-beige-background-vector_53876-162554.jpg", imageAlt: "Colorful funky stylized script font sticker set on a beige background vector"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Artist-Led Designs",
|
||||
tags: [
|
||||
"Original",
|
||||
"Creative",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-help-wanted-badges-set_23-2149491573.jpg?_wi=2",
|
||||
imageAlt: "Colorful funky stylized script font sticker set on a beige background vector",
|
||||
},
|
||||
id: "f2", title: "Artist-Led Designs", tags: [
|
||||
"Original", "Creative"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-help-wanted-badges-set_23-2149491573.jpg", imageAlt: "Colorful funky stylized script font sticker set on a beige background vector"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Community Vibe",
|
||||
tags: [
|
||||
"Hype",
|
||||
"Family",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-holding-hands-with-bracelets_23-2148144521.jpg?_wi=2",
|
||||
imageAlt: "Colorful funky stylized script font sticker set on a beige background vector",
|
||||
},
|
||||
id: "f3", title: "Community Vibe", tags: [
|
||||
"Hype", "Family"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-holding-hands-with-bracelets_23-2148144521.jpg", imageAlt: "Colorful funky stylized script font sticker set on a beige background vector"},
|
||||
]}
|
||||
title="Why CashinCombos?"
|
||||
description="We take the collection game to the next level."
|
||||
@@ -233,54 +149,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "tier1",
|
||||
badge: "Beginner",
|
||||
price: "$20",
|
||||
subtitle: "Entry level hype",
|
||||
buttons: [
|
||||
id: "tier1", badge: "Beginner", price: "$20", subtitle: "Entry level hype", buttons: [
|
||||
{
|
||||
text: "Pick",
|
||||
href: "#",
|
||||
},
|
||||
text: "Pick", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"3 Stickers",
|
||||
"1 Band",
|
||||
],
|
||||
"3 Stickers", "1 Band"],
|
||||
},
|
||||
{
|
||||
id: "tier2",
|
||||
badge: "Collector",
|
||||
price: "$50",
|
||||
subtitle: "For the real ones",
|
||||
buttons: [
|
||||
id: "tier2", badge: "Collector", price: "$50", subtitle: "For the real ones", buttons: [
|
||||
{
|
||||
text: "Pick",
|
||||
href: "#",
|
||||
},
|
||||
text: "Pick", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"10 Stickers",
|
||||
"3 Bands",
|
||||
"Mystery Item",
|
||||
],
|
||||
"10 Stickers", "3 Bands", "Mystery Item"],
|
||||
},
|
||||
{
|
||||
id: "tier3",
|
||||
badge: "Legend",
|
||||
price: "$100",
|
||||
subtitle: "All-in experience",
|
||||
buttons: [
|
||||
id: "tier3", badge: "Legend", price: "$100", subtitle: "All-in experience", buttons: [
|
||||
{
|
||||
text: "Pick",
|
||||
href: "#",
|
||||
},
|
||||
text: "Pick", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"25 Stickers",
|
||||
"5 Bands",
|
||||
"Exclusive Rare",
|
||||
],
|
||||
"25 Stickers", "5 Bands", "Exclusive Rare"],
|
||||
},
|
||||
]}
|
||||
title="Mystery Pack Tiers"
|
||||
@@ -290,42 +180,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101946.jpg",
|
||||
imageAlt: "happy customer satisfied portrait",
|
||||
},
|
||||
id: "t1", name: "Alex", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101946.jpg", imageAlt: "happy customer satisfied portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623390.jpg",
|
||||
imageAlt: "enthusiastic fan feedback smile",
|
||||
},
|
||||
id: "t2", name: "Jordan", imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623390.jpg", imageAlt: "enthusiastic fan feedback smile"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d5o56e",
|
||||
imageAlt: "teen holding cool wristbands",
|
||||
},
|
||||
id: "t3", name: "Sam", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d5o56e", imageAlt: "teen holding cool wristbands"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Riley",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smile-face-green-ball-with-golden-five-stars-customer-client-survey-satisfaction-after-use-product-service-concept-by-3d-render_616485-67.jpg",
|
||||
imageAlt: "collector portrait satisfied smile",
|
||||
},
|
||||
id: "t4", name: "Riley", imageSrc: "http://img.b2bpic.net/free-photo/smile-face-green-ball-with-golden-five-stars-customer-client-survey-satisfaction-after-use-product-service-concept-by-3d-render_616485-67.jpg", imageAlt: "collector portrait satisfied smile"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Taylor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14660.jpg",
|
||||
imageAlt: "satisfied customer happy portrait",
|
||||
},
|
||||
id: "t5", name: "Taylor", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14660.jpg", imageAlt: "satisfied customer happy portrait"},
|
||||
]}
|
||||
cardTitle="Fan Love"
|
||||
cardTag="Community"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -333,26 +203,17 @@ export default function LandingPage() {
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Shipping times?",
|
||||
content: "Orders ship within 3 days.",
|
||||
},
|
||||
id: "q1", title: "Shipping times?", content: "Orders ship within 3 days."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Custom orders?",
|
||||
content: "DM us on socials!",
|
||||
},
|
||||
id: "q2", title: "Custom orders?", content: "DM us on socials!"},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Return policy?",
|
||||
content: "No returns on mystery packs.",
|
||||
},
|
||||
id: "q3", title: "Return policy?", content: "No returns on mystery packs."},
|
||||
]}
|
||||
title="Need Help?"
|
||||
description="Common questions about orders."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -360,8 +221,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Stay Hyped"
|
||||
description="Sign up for secret drops."
|
||||
@@ -372,29 +232,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Stickers",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Stickers", href: "#products"},
|
||||
{
|
||||
label: "Mystery Packs",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Mystery Packs", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user