Merge version_1 into main #1
182
src/app/page.tsx
182
src/app/page.tsx
@@ -18,27 +18,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Store",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Store", id: "#products" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="BrickVault"
|
||||
/>
|
||||
@@ -46,20 +41,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Own a Piece of History"
|
||||
description="Premium retired Lego sets for the discerning collector. Carefully sourced, inspected, and waiting to complete your masterpiece."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Shop Collections", href: "#products" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-kid-playing-living-room_23-2149311332.jpg"
|
||||
imageAlt="Rare retired Lego set display"
|
||||
@@ -71,56 +58,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Preserving the Joy of Building"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Quality Standards",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Our Quality Standards", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split-actions"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Star Wars Millennium Falcon",
|
||||
price: "$899.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-industries-built-structures-fueled-by-oil-generated-by-ai_188544-20394.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Creator Expert Modular Bank",
|
||||
price: "$450.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-shapes-wallpaper_23-2150244331.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Technic Porsche GT3 RS",
|
||||
price: "$620.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-business-roles-with-various-mechanism-pieces_23-2149352656.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "City Town Square Vintage",
|
||||
price: "$280.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-candy-shapes-like-building-blocks_23-2148691429.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lego Ideas Ship in Bottle",
|
||||
price: "$199.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-pop-it-toy-background-close-up_58702-5377.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Architecture Fallingwater",
|
||||
price: "$350.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-playing-with-his-toys-indoors_23-2148847294.jpg",
|
||||
},
|
||||
{ id: "1", name: "Star Wars Millennium Falcon", price: "$899.99", imageSrc: "http://img.b2bpic.net/free-photo/heavy-industries-built-structures-fueled-by-oil-generated-by-ai_188544-20394.jpg" },
|
||||
{ id: "2", name: "Creator Expert Modular Bank", price: "$450.00", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-shapes-wallpaper_23-2150244331.jpg" },
|
||||
{ id: "3", name: "Technic Porsche GT3 RS", price: "$620.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-business-roles-with-various-mechanism-pieces_23-2149352656.jpg" },
|
||||
{ id: "4", name: "City Town Square Vintage", price: "$280.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-candy-shapes-like-building-blocks_23-2148691429.jpg" },
|
||||
{ id: "5", name: "Lego Ideas Ship in Bottle", price: "$199.00", imageSrc: "http://img.b2bpic.net/free-photo/colorful-pop-it-toy-background-close-up_58702-5377.jpg" },
|
||||
{ id: "6", name: "Architecture Fallingwater", price: "$350.00", imageSrc: "http://img.b2bpic.net/free-photo/boy-playing-with-his-toys-indoors_23-2148847294.jpg" },
|
||||
]}
|
||||
title="Featured Retired Sets"
|
||||
description="Explore our curated vault of iconic sets that are no longer available on store shelves."
|
||||
@@ -129,30 +84,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2k+",
|
||||
title: "Sets Delivered",
|
||||
description: "Happy collectors served globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248505.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Pristine Grade",
|
||||
description: "Guaranteed quality and condition.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128050.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "450+",
|
||||
title: "Unique Models",
|
||||
description: "Rare finds updated weekly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-transport-concept-with-tram_23-2148996479.jpg",
|
||||
},
|
||||
{ id: "m1", value: "1.2k+", title: "Sets Delivered", description: "Happy collectors served globally.", imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248505.jpg" },
|
||||
{ id: "m2", value: "98%", title: "Pristine Grade", description: "Guaranteed quality and condition.", imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128050.jpg" },
|
||||
{ id: "m3", value: "450+", title: "Unique Models", description: "Rare finds updated weekly.", imageSrc: "http://img.b2bpic.net/free-photo/urban-transport-concept-with-tram_23-2148996479.jpg" },
|
||||
]}
|
||||
title="The Collector's Standard"
|
||||
description="We don't just sell bricks; we curate legacies."
|
||||
@@ -161,44 +99,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus Chen",
|
||||
handle: "@brickmaster",
|
||||
testimonial: "Finally found the modular building I needed to finish my city!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-sad-expression_1194-3601.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@legofanatic",
|
||||
testimonial: "Pristine box and pieces. Super fast shipping too.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-pop-it-toy-background-close-up_58702-5455.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alex Rivet",
|
||||
handle: "@technicguy",
|
||||
testimonial: "The selection of retired Technic sets is truly unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unhealthy-young-woman-orange-t-shirt-with-hat-warm-scarf-around-neck-feeling-terrible-holding-pills-suffering-from-virus-angry-crazy-mad-clenching-fists_141793-107820.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jamie Low",
|
||||
handle: "@citybuilder",
|
||||
testimonial: "Reliable, professional, and everything arrived safe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-woman-with-dark-curly-hair-sitting-table-with-cup-coffee-happily-looking-camera-opening-little-red-box-modern-cozy-home_574295-3906.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena V.",
|
||||
handle: "@archilover",
|
||||
testimonial: "Found my childhood favorite architecture set, so happy!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-looking-old-items_23-2150082930.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Marcus Chen", handle: "@brickmaster", testimonial: "Finally found the modular building I needed to finish my city!", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-sad-expression_1194-3601.jpg" },
|
||||
{ id: "t2", name: "Sarah Jenkins", handle: "@legofanatic", testimonial: "Pristine box and pieces. Super fast shipping too.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-pop-it-toy-background-close-up_58702-5455.jpg" },
|
||||
{ id: "t3", name: "Alex Rivet", handle: "@technicguy", testimonial: "The selection of retired Technic sets is truly unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/unhealthy-young-woman-orange-t-shirt-with-hat-warm-scarf-around-neck-feeling-terrible-holding-pills-suffering-from-virus-angry-crazy-mad-clenching-fists_141793-107820.jpg" },
|
||||
{ id: "t4", name: "Jamie Low", handle: "@citybuilder", testimonial: "Reliable, professional, and everything arrived safe.", imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-woman-with-dark-curly-hair-sitting-table-with-cup-coffee-happily-looking-camera-opening-little-red-box-modern-cozy-home_574295-3906.jpg" },
|
||||
{ id: "t5", name: "Elena V.", handle: "@archilover", testimonial: "Found my childhood favorite architecture set, so happy!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-looking-old-items_23-2150082930.jpg" },
|
||||
]}
|
||||
title="Collectors Trust Us"
|
||||
description="Hear from our community of builders and enthusiasts."
|
||||
@@ -209,21 +118,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are all sets original?",
|
||||
content: "Yes, we guarantee that all listed products are authentic, original Lego sets.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you ship globally?",
|
||||
content: "We ship to over 50 countries worldwide with secure packaging.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How is the quality graded?",
|
||||
content: "Every set is inspected and categorized based on box and brick condition.",
|
||||
},
|
||||
{ id: "f1", title: "Are all sets original?", content: "Yes, we guarantee that all listed products are authentic, original Lego sets." },
|
||||
{ id: "f2", title: "Do you ship globally?", content: "We ship to over 50 countries worldwide with secure packaging." },
|
||||
{ id: "f3", title: "How is the quality graded?", content: "Every set is inspected and categorized based on box and brick condition." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -233,17 +130,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Need a specific retired set?"
|
||||
description="Send us a request and our sourcing team will hunt for your missing piece."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Contact Support", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user