Merge version_1 into main #2
289
src/app/page.tsx
289
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="PABLO"
|
||||
/>
|
||||
@@ -55,100 +43,33 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Walk the Line of Elegance"
|
||||
description="Pablo redefines modern luxury footwear with artisanal craftsmanship and bold design. Elevate every step with precision."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elena_r",
|
||||
testimonial: "The comfort and design are unmatched. Truly luxury.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-sharing-tender-public-intimacy-moments_23-2149430276.jpg?_wi=1",
|
||||
imageAlt: "luxury shoe photography studio",
|
||||
},
|
||||
{
|
||||
name: "Mark S.",
|
||||
handle: "@marks_style",
|
||||
testimonial: "Pablo shoes changed my entire wardrobe approach.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-studio-creates-leather-ware_1157-33211.jpg",
|
||||
imageAlt: "luxury shoe photography studio",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@dw_lifestyle",
|
||||
testimonial: "Finally, sneakers that feel as good as they look.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-wedding-shoes_1303-10490.jpg?_wi=1",
|
||||
imageAlt: "luxury shoe photography studio",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "The leather quality is simply the best I have ever felt.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sneakers-shoes_1203-8035.jpg?_wi=1",
|
||||
imageAlt: "luxury shoe photography studio",
|
||||
},
|
||||
{
|
||||
name: "Leo K.",
|
||||
handle: "@leo_k",
|
||||
testimonial: "Incredible durability without sacrificing the aesthetic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-athlete-tying-her-shoelaces_23-2148267174.jpg?_wi=1",
|
||||
imageAlt: "luxury shoe photography studio",
|
||||
},
|
||||
{ name: "Elena R.", handle: "@elena_r", testimonial: "The comfort and design are unmatched. Truly luxury.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-sharing-tender-public-intimacy-moments_23-2149430276.jpg", imageAlt: "luxury shoe photography studio" },
|
||||
{ name: "Mark S.", handle: "@marks_style", testimonial: "Pablo shoes changed my entire wardrobe approach.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-studio-creates-leather-ware_1157-33211.jpg", imageAlt: "luxury shoe photography studio" },
|
||||
{ name: "David W.", handle: "@dw_lifestyle", testimonial: "Finally, sneakers that feel as good as they look.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/groom-wedding-shoes_1303-10490.jpg", imageAlt: "luxury shoe photography studio" },
|
||||
{ name: "Sarah J.", handle: "@sarah_j", testimonial: "The leather quality is simply the best I have ever felt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sneakers-shoes_1203-8035.jpg", imageAlt: "luxury shoe photography studio" },
|
||||
{ name: "Leo K.", handle: "@leo_k", testimonial: "Incredible durability without sacrificing the aesthetic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-athlete-tying-her-shoelaces_23-2148267174.jpg", imageAlt: "luxury shoe photography studio" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-sharing-tender-public-intimacy-moments_23-2149430276.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-sharing-tender-public-intimacy-moments_23-2149430276.jpg"
|
||||
imageAlt="luxury shoe photography studio"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-couple-sitting-together_23-2149628950.jpg",
|
||||
alt: "Front view couple sitting together",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-canvas-espadrilles-men-rsquo-s-apparel-beach-fashion-closeup-shot_53876-167009.jpg",
|
||||
alt: "Black canvas espadrilles men's apparel beach fashion closeup shot",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-heels_23-2149741919.jpg",
|
||||
alt: "Side view woman wearing heels",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/groom-s-classy-shoes-lie-soft-armchair_8353-8463.jpg",
|
||||
alt: "Groom's classy shoes lie on a soft armchair",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/groom-s-shoes-isolated_1303-12947.jpg",
|
||||
alt: "Groom's shoes isolated",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-couple-sitting-together_23-2149628950.jpg", alt: "Front view couple sitting together" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-canvas-espadrilles-men-rsquo-s-apparel-beach-fashion-closeup-shot_53876-167009.jpg", alt: "Black canvas espadrilles men's apparel beach fashion closeup shot" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-heels_23-2149741919.jpg", alt: "Side view woman wearing heels" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/groom-s-classy-shoes-lie-soft-armchair_8353-8463.jpg", alt: "Groom's classy shoes lie on a soft armchair" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/groom-s-shoes-isolated_1303-12947.jpg", alt: "Groom's shoes isolated" }
|
||||
]}
|
||||
avatarText="Join 12,000+ satisfied customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Craftsmanship",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Premium Leather",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Minimalist Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Worldwide Tracked Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "30-Day Happiness Guarantee",
|
||||
},
|
||||
{ type: "text", text: "Artisanal Craftsmanship" },
|
||||
{ type: "text", text: "Sustainable Premium Leather" },
|
||||
{ type: "text", text: "Modern Minimalist Design" },
|
||||
{ type: "text", text: "Worldwide Tracked Shipping" },
|
||||
{ type: "text", text: "30-Day Happiness Guarantee" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,88 +78,27 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Pablo Philosophy: ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-studio-creates-leather-ware_1157-33211.jpg",
|
||||
alt: "artisan making shoes workshop",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Crafting timeless pieces for the modern wanderer.",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
{ type: "text", content: "The Pablo Philosophy: " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/man-studio-creates-leather-ware_1157-33211.jpg", alt: "artisan making shoes workshop" },
|
||||
{ type: "text", content: " Crafting timeless pieces for the modern wanderer." }
|
||||
]}
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Pablo",
|
||||
name: "Classic Suede Loafer",
|
||||
price: "$295",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-wedding-shoes_1303-10490.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Pablo",
|
||||
name: "Urban Gold Sneaker",
|
||||
price: "$345",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sneakers-shoes_1203-8035.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Pablo",
|
||||
name: "Professional Oxford",
|
||||
price: "$395",
|
||||
rating: 4,
|
||||
reviewCount: "64",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-athlete-tying-her-shoelaces_23-2148267174.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Pablo",
|
||||
name: "Daily Chelsea Boot",
|
||||
price: "$420",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-wearing-black-dress-boots_23-2149884569.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Pablo",
|
||||
name: "Minimalist Slip-on",
|
||||
price: "$225",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/opened-luggage-with-clothes-folded-shoes_23-2148927409.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Pablo",
|
||||
name: "Modern Leather Runner",
|
||||
price: "$280",
|
||||
rating: 5,
|
||||
reviewCount: "105",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-sitting-his-car-back-sit_1303-23593.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Pablo", name: "Classic Suede Loafer", price: "$295", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/groom-wedding-shoes_1303-10490.jpg" },
|
||||
{ id: "p2", brand: "Pablo", name: "Urban Gold Sneaker", price: "$345", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/sneakers-shoes_1203-8035.jpg" },
|
||||
{ id: "p3", brand: "Pablo", name: "Professional Oxford", price: "$395", rating: 4, reviewCount: "64", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-athlete-tying-her-shoelaces_23-2148267174.jpg" },
|
||||
{ id: "p4", brand: "Pablo", name: "Daily Chelsea Boot", price: "$420", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-wearing-black-dress-boots_23-2149884569.jpg" },
|
||||
{ id: "p5", brand: "Pablo", name: "Minimalist Slip-on", price: "$225", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/opened-luggage-with-clothes-folded-shoes_23-2148927409.jpg" },
|
||||
{ id: "p6", brand: "Pablo", name: "Modern Leather Runner", price: "$280", rating: 5, reviewCount: "105", imageSrc: "http://img.b2bpic.net/free-photo/business-man-sitting-his-car-back-sit_1303-23593.jpg" }
|
||||
]}
|
||||
title="Our Latest Collection"
|
||||
description="Discover curated styles for every occasion."
|
||||
@@ -251,21 +111,9 @@ export default function LandingPage() {
|
||||
title="Craftsmanship at Scale"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12k+",
|
||||
description: "Happy Global Customers",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Unique Shoe Designs",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
description: "Countries Served",
|
||||
},
|
||||
{ id: "m1", value: "12k+", description: "Happy Global Customers" },
|
||||
{ id: "m2", value: "500+", description: "Unique Shoe Designs" },
|
||||
{ id: "m3", value: "15+", description: "Countries Served" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -274,64 +122,33 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardAnimation="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/she-need-new-shoes-autumn_329181-8066.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-young-woman-posing-bricked-wall-outdoor-shot-brunette-woman-wears-white-sneakers_197531-14529.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Karen L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-leaning-glass-restaurant-wearing-ripped-jeans-holding-black-cap-hand_23-2148148212.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julian B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-ties-laces-his-shoes_8353-9803.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Amanda T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-businessman-tying-laces_23-2147932327.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/she-need-new-shoes-autumn_329181-8066.jpg" },
|
||||
{ id: "t2", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/amazing-young-woman-posing-bricked-wall-outdoor-shot-brunette-woman-wears-white-sneakers_197531-14529.jpg" },
|
||||
{ id: "t3", name: "Karen L.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-leaning-glass-restaurant-wearing-ripped-jeans-holding-black-cap-hand_23-2148148212.jpg" },
|
||||
{ id: "t4", name: "Julian B.", imageSrc: "http://img.b2bpic.net/free-photo/groom-ties-laces-his-shoes_8353-9803.jpg" },
|
||||
{ id: "t5", name: "Amanda T.", imageSrc: "http://img.b2bpic.net/free-photo/crop-businessman-tying-laces_23-2147932327.jpg" }
|
||||
]}
|
||||
cardTitle="What the Pablo Community Says"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I care for my Pablo shoes?",
|
||||
content: "Use a soft brush and specialized leather conditioner to maintain the shine.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship to over 15 countries worldwide with tracked courier services.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day return policy for unused footwear in original packaging.",
|
||||
},
|
||||
{ id: "f1", title: "How do I care for my Pablo shoes?", content: "Use a soft brush and specialized leather conditioner to maintain the shine." },
|
||||
{ id: "f2", title: "Do you offer international shipping?", content: "Yes, we ship to over 15 countries worldwide with tracked courier services." },
|
||||
{ id: "f3", title: "What is your return policy?", content: "We offer a 30-day return policy for unused footwear in original packaging." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186785.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers about our shipping, returns, and shoe care."
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -339,15 +156,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue",
|
||||
"GQ",
|
||||
"Hypebeast",
|
||||
"Esquire",
|
||||
"Highsnobiety",
|
||||
"Complex",
|
||||
"Forbes",
|
||||
]}
|
||||
names={["Vogue", "GQ", "Hypebeast", "Esquire", "Highsnobiety", "Complex", "Forbes"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Pablo is the preferred choice for discerning style editors and influencers."
|
||||
/>
|
||||
@@ -356,9 +165,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Newsletter"
|
||||
title="Join the Pablo Inner Circle"
|
||||
description="Receive exclusive previews of upcoming drops and limited edition releases."
|
||||
|
||||
Reference in New Issue
Block a user