Merge version_1 into main #1
218
src/app/page.tsx
218
src/app/page.tsx
@@ -33,64 +33,44 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="TheRessellPlug"
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="The Ressell Plug"
|
||||
description="Premium Streetwear. Authenticity Guaranteed. Get the rarest pieces from LV, BAPE, SP5DER, and more."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tender-woman-s-feet-elegant-shoes-marble-windowsill_8353-1453.jpg",
|
||||
imageAlt: "Sneakers showcase",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tender-woman-s-feet-elegant-shoes-marble-windowsill_8353-1453.jpg", imageAlt: "Sneakers showcase"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-cafe_23-2147710383.jpg",
|
||||
imageAlt: "Designer hoodies",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-cafe_23-2147710383.jpg", imageAlt: "Designer hoodies"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-travel-items-arrangement_23-2148666247.jpg",
|
||||
imageAlt: "Luxury accessories",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-travel-items-arrangement_23-2148666247.jpg", imageAlt: "Luxury accessories"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-beautiful-african-american-woman-posing-black-leather-jacket-pants-street_627829-12437.jpg",
|
||||
imageAlt: "Streetwear lifestyle",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-beautiful-african-american-woman-posing-black-leather-jacket-pants-street_627829-12437.jpg", imageAlt: "Streetwear lifestyle"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-collection_23-2148837281.jpg",
|
||||
imageAlt: "Limited edition gear",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-collection_23-2148837281.jpg", imageAlt: "Limited edition gear"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-108841.jpg",
|
||||
imageAlt: "Luxury collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-108841.jpg", imageAlt: "Luxury collection"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,26 +92,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Verified Authentic",
|
||||
description: "Every item undergoes a rigorous 3-stage authentication process before shipment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-movies-tickets-flat-lay_23-2149558751.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/content-people-lounging-with-book-gadget_23-2147737573.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Verified Authentic", description: "Every item undergoes a rigorous 3-stage authentication process before shipment.", imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-movies-tickets-flat-lay_23-2149558751.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/content-people-lounging-with-book-gadget_23-2147737573.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Fast Shipping",
|
||||
description: "Worldwide express shipping to get your gear to you as fast as possible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wrench-mobile-phone-shiny-pushing-professional_1134-1094.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-mystery-box_23-2149631419.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Fast Shipping", description: "Worldwide express shipping to get your gear to you as fast as possible.", imageSrc: "http://img.b2bpic.net/free-photo/wrench-mobile-phone-shiny-pushing-professional_1134-1094.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-mystery-box_23-2149631419.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Priority Access",
|
||||
description: "Get first dibs on all new drops and restricted inventory restocks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-light-lamp-design_23-2151037676.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/business-people-syncing-data-by-mobile-phone_53876-30574.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Priority Access", description: "Get first dibs on all new drops and restricted inventory restocks.", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-light-lamp-design_23-2151037676.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/business-people-syncing-data-by-mobile-phone_53876-30574.jpg", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Why TheRessellPlug?"
|
||||
description="Everything we sell is curated for the true street fashion connoisseur."
|
||||
@@ -146,47 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "LV Accessory",
|
||||
price: "$1,200",
|
||||
variant: "New",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073533.jpg",
|
||||
},
|
||||
id: "1", name: "LV Accessory", price: "$1,200", variant: "New", imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073533.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "SP5DER Hoodie",
|
||||
price: "$450",
|
||||
variant: "Rare",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1136.jpg",
|
||||
},
|
||||
id: "2", name: "SP5DER Hoodie", price: "$450", variant: "Rare", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1136.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Bape Sneaker",
|
||||
price: "$600",
|
||||
variant: "Limited",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-american-man-white-shirt-colored-pants-with-hat-glasses-posed-outdoor-against-graffiti-wall-black-fashionable-model-boy_627829-4055.jpg",
|
||||
},
|
||||
id: "3", name: "Bape Sneaker", price: "$600", variant: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-american-man-white-shirt-colored-pants-with-hat-glasses-posed-outdoor-against-graffiti-wall-black-fashionable-model-boy_627829-4055.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Essential Apparel",
|
||||
price: "$250",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-hooded-thief-walking-black-generated-by-ai_188544-43401.jpg",
|
||||
},
|
||||
id: "4", name: "Essential Apparel", price: "$250", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-hooded-thief-walking-black-generated-by-ai_188544-43401.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Denim Tears Pants",
|
||||
price: "$500",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-jeans-texture_1339-2524.jpg",
|
||||
},
|
||||
id: "5", name: "Denim Tears Pants", price: "$500", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/blue-jeans-texture_1339-2524.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Luxury Belt",
|
||||
price: "$800",
|
||||
variant: "Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-women-bag-stuff_93675-131548.jpg",
|
||||
},
|
||||
id: "6", name: "Luxury Belt", price: "$800", variant: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/view-women-bag-stuff_93675-131548.jpg"},
|
||||
]}
|
||||
title="Latest Drops"
|
||||
description="Check out our newest additions to the plug."
|
||||
@@ -200,22 +135,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Satisfied Customers",
|
||||
value: "10k+",
|
||||
icon: Users,
|
||||
id: "m1", title: "Satisfied Customers", value: "10k+", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Products Verified",
|
||||
value: "25k+",
|
||||
icon: CheckCircle,
|
||||
id: "m2", title: "Products Verified", value: "25k+", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Countries Served",
|
||||
value: "50+",
|
||||
icon: Globe,
|
||||
id: "m3", title: "Countries Served", value: "50+", icon: Globe,
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -229,55 +155,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex J.",
|
||||
date: "Oct 2023",
|
||||
title: "Trusted Vendor",
|
||||
quote: "The best selection of rare gear I've found.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-women-wearing-2000s-fashion_52683-86445.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-confident-man-selects-clothes-with-girlfriend-online-videocall_482257-109887.jpg",
|
||||
},
|
||||
id: "1", name: "Alex J.", date: "Oct 2023", title: "Trusted Vendor", quote: "The best selection of rare gear I've found.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-women-wearing-2000s-fashion_52683-86445.jpg", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-confident-man-selects-clothes-with-girlfriend-online-videocall_482257-109887.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sam K.",
|
||||
date: "Sep 2023",
|
||||
title: "Fast Service",
|
||||
quote: "My Bape arrived perfectly in record time.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/charming-young-girl-with-blonde-hair-dressed-pink-jacket-holds-skateboard-posing-near-guardrail-against-black-white-sea-coast-background_613910-4609.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-k-pop-clothing-urban-scene_23-2149096948.jpg",
|
||||
},
|
||||
id: "2", name: "Sam K.", date: "Sep 2023", title: "Fast Service", quote: "My Bape arrived perfectly in record time.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/charming-young-girl-with-blonde-hair-dressed-pink-jacket-holds-skateboard-posing-near-guardrail-against-black-white-sea-coast-background_613910-4609.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-k-pop-clothing-urban-scene_23-2149096948.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maya R.",
|
||||
date: "Aug 2023",
|
||||
title: "Genuine Goods",
|
||||
quote: "Authenticity is spot on. Will buy again.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-clothes-rails_23-2147786804.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-chain-necklace-posing_23-2149403052.jpg",
|
||||
},
|
||||
id: "3", name: "Maya R.", date: "Aug 2023", title: "Genuine Goods", quote: "Authenticity is spot on. Will buy again.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-clothes-rails_23-2147786804.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-chain-necklace-posing_23-2149403052.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Leo P.",
|
||||
date: "Jul 2023",
|
||||
title: "Rare Finds",
|
||||
quote: "Exactly what I wanted, impossible to find elsewhere.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-model-with-horns-hairstyle-dressed-summer-hipster-jacket-jeans-clothes-sexy-carefree-girl-posing-street-trendy-funny-positive-woman-having-fun-sunglasses_158538-6646.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-electric-scooters_23-2149383334.jpg",
|
||||
},
|
||||
id: "4", name: "Leo P.", date: "Jul 2023", title: "Rare Finds", quote: "Exactly what I wanted, impossible to find elsewhere.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-model-with-horns-hairstyle-dressed-summer-hipster-jacket-jeans-clothes-sexy-carefree-girl-posing-street-trendy-funny-positive-woman-having-fun-sunglasses_158538-6646.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-electric-scooters_23-2149383334.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Zara T.",
|
||||
date: "Jun 2023",
|
||||
title: "Top Tier",
|
||||
quote: "Top tier customer service and selection.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/gen-z-person-exploring-absurdist-fashion-beauty_23-2151104060.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-glamour-woman-trendy-fur-coat-glasses-with-gold-jewelry-posing-city_291650-702.jpg",
|
||||
},
|
||||
id: "5", name: "Zara T.", date: "Jun 2023", title: "Top Tier", quote: "Top tier customer service and selection.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/gen-z-person-exploring-absurdist-fashion-beauty_23-2151104060.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fashion-glamour-woman-trendy-fur-coat-glasses-with-gold-jewelry-posing-city_291650-702.jpg"},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Hear what our community thinks about TheRessellPlug."
|
||||
@@ -290,20 +176,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are all items authentic?",
|
||||
content: "Yes, we guarantee 100% authenticity on all inventory.",
|
||||
},
|
||||
id: "f1", title: "Are all items authentic?", content: "Yes, we guarantee 100% authenticity on all inventory."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "Absolutely, we ship globally to most major regions.",
|
||||
},
|
||||
id: "f2", title: "Do you ship worldwide?", content: "Absolutely, we ship globally to most major regions."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is the return policy?",
|
||||
content: "Please check our Terms page for complete return guidelines.",
|
||||
},
|
||||
id: "f3", title: "What is the return policy?", content: "Please check our Terms page for complete return guidelines."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to the most frequently asked questions."
|
||||
@@ -315,8 +192,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Stay Updated"
|
||||
title="Join the Inner Circle"
|
||||
description="Sign up for updates on restocks, new arrivals, and special drops."
|
||||
@@ -328,29 +204,19 @@ export default function LandingPage() {
|
||||
logoText="TheRessellPlug"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user