Merge version_1 into main #2
317
src/app/page.tsx
317
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Collection", id: "#products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
]}
|
||||
brandName="Rani Footwear"
|
||||
/>
|
||||
@@ -55,60 +47,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Where Comfort Meets Sophistication"
|
||||
description="Step into the Rani collection—crafted for the modern woman who refuses to compromise on elegance or ease."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-woman-smiling-camera_197531-33883.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346487.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-couple-sitting-porch_1140-473.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-holding-shopping-bags_23-2147823620.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-748.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/brunette-woman-smiling-camera_197531-33883.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346487.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-couple-sitting-porch_1140-473.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-holding-shopping-bags_23-2147823620.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-748.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
avatarText="Loved by 10,000+ women"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop the Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop the Collection", href: "#products"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Materials",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Luxury",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethical Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "All-Day Comfort",
|
||||
},
|
||||
{ type: "text", text: "Premium Materials" },
|
||||
{ type: "text", text: "Handcrafted Luxury" },
|
||||
{ type: "text", text: "Ethical Sourcing" },
|
||||
{ type: "text", text: "Timeless Design" },
|
||||
{ type: "text", text: "All-Day Comfort" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,20 +78,11 @@ export default function LandingPage() {
|
||||
title="The Art of Rani Craftsmanship"
|
||||
description="Every pair of Rani footwear begins with high-quality, ethically sourced materials, sculpted by artisans dedicated to timeless design and unparalleled comfort."
|
||||
metrics={[
|
||||
{
|
||||
value: "12+",
|
||||
title: "Hours Comfort",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Premium Leather",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Artisanal Pairs",
|
||||
},
|
||||
{ value: "12+", title: "Hours Comfort" },
|
||||
{ value: "100%", title: "Premium Leather" },
|
||||
{ value: "5k+", title: "Artisanal Pairs" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shoemaker-workshop-making-shoes_171337-12281.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shoemaker-workshop-making-shoes_171337-12281.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -145,48 +95,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Flat",
|
||||
price: "$120",
|
||||
variant: "Stone",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278385.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ankle Boot",
|
||||
price: "$180",
|
||||
variant: "Espresso",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cowboy-inspiration-with-boots_23-2149484767.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pointed Mule",
|
||||
price: "$145",
|
||||
variant: "Almond",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beige-luis-vuitton-shoes-hat-lie-barrel_8353-459.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Chic Loafer",
|
||||
price: "$135",
|
||||
variant: "Taupe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-talking-phone_1303-25020.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Block Sandal",
|
||||
price: "$160",
|
||||
variant: "Cream",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-sharing-tender-public-intimacy-moments_23-2149430276.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Modern Slide",
|
||||
price: "$110",
|
||||
variant: "Latte",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-empty-square-plate-brown-colored-white-surface-plate-kitchen-food-cutlery-color-glass_140725-54021.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Classic Flat", price: "$120", variant: "Stone", imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278385.jpg" },
|
||||
{ id: "p2", name: "Ankle Boot", price: "$180", variant: "Espresso", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cowboy-inspiration-with-boots_23-2149484767.jpg" },
|
||||
{ id: "p3", name: "Pointed Mule", price: "$145", variant: "Almond", imageSrc: "http://img.b2bpic.net/free-photo/beige-luis-vuitton-shoes-hat-lie-barrel_8353-459.jpg" },
|
||||
{ id: "p4", name: "Chic Loafer", price: "$135", variant: "Taupe", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-talking-phone_1303-25020.jpg" },
|
||||
{ id: "p5", name: "Block Sandal", price: "$160", variant: "Cream", imageSrc: "http://img.b2bpic.net/free-photo/couple-sharing-tender-public-intimacy-moments_23-2149430276.jpg" },
|
||||
{ id: "p6", name: "Modern Slide", price: "$110", variant: "Latte", imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-empty-square-plate-brown-colored-white-surface-plate-kitchen-food-cutlery-color-glass_140725-54021.jpg" }
|
||||
]}
|
||||
title="Handcrafted Excellence"
|
||||
description="Discover our signature collection of flats, boots, and heels, designed to move with your day."
|
||||
@@ -200,41 +114,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Adaptive Cushioning",
|
||||
description: "Memory foam insoles mold to your feet.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/runner-man-s-feet-running-road-closeup-shoe_273609-14245.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-stylish-men-s-shoes_169016-5564.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-high-heels_23-2150225863.jpg?_wi=1",
|
||||
imageAlt: "cushioning comfort footwear technology",
|
||||
title: "Adaptive Cushioning", description: "Memory foam insoles mold to your feet.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/runner-man-s-feet-running-road-closeup-shoe_273609-14245.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/classic-stylish-men-s-shoes_169016-5564.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Breathable Linings",
|
||||
description: "Natural materials keep feet cool all day.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-shoes-sole-footwear-fashion_53876-106043.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-tools_23-2148138153.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoemaker-workshop-making-shoes_171337-12281.jpg?_wi=2",
|
||||
imageAlt: "cushioning comfort footwear technology",
|
||||
title: "Breathable Linings", description: "Natural materials keep feet cool all day.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/red-shoes-sole-footwear-fashion_53876-106043.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-tools_23-2148138153.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Durable Soles",
|
||||
description: "High-grip rubber for stability.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ornamental-dark-stucco_1194-7219.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-pair-shoes_23-2149007458.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278385.jpg?_wi=2",
|
||||
imageAlt: "cushioning comfort footwear technology",
|
||||
},
|
||||
title: "Durable Soles", description: "High-grip rubber for stability.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/ornamental-dark-stucco_1194-7219.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-pair-shoes_23-2149007458.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Unrivaled Daily Comfort"
|
||||
@@ -247,61 +137,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
date: "Sept 2023",
|
||||
title: "Business Executive",
|
||||
quote: "The most comfortable flats I've ever owned. Professional yet incredibly soft.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-high-heels_23-2150225863.jpg?_wi=2",
|
||||
imageAlt: "woman portrait professional lighting",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena Rodriguez",
|
||||
date: "Aug 2023",
|
||||
title: "Teacher",
|
||||
quote: "I'm on my feet all day. These shoes are a total game-changer.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-shopping_171337-4093.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoemaker-workshop-making-shoes_171337-12281.jpg?_wi=3",
|
||||
imageAlt: "woman portrait professional lighting",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chloe Chen",
|
||||
date: "July 2023",
|
||||
title: "Architect",
|
||||
quote: "Timeless design that matches every outfit in my closet.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-table_1262-5373.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278385.jpg?_wi=3",
|
||||
imageAlt: "woman portrait professional lighting",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Amelia Watson",
|
||||
date: "June 2023",
|
||||
title: "Designer",
|
||||
quote: "Quality craftsmanship you can feel the moment you put them on.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-smiling-woman-blue-hoodie-cafe-having-fun-cheerful-mood-trendy-fashion-style_285396-10742.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cowboy-inspiration-with-boots_23-2149484767.jpg?_wi=2",
|
||||
imageAlt: "woman portrait professional lighting",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Nina Patel",
|
||||
date: "May 2023",
|
||||
title: "Traveler",
|
||||
quote: "Walked across Rome in these. My feet were happy at the end of the day!",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-happy-cute-young-caucasian-female-with-charming-joyful-smile-touching-soft-expensive-fabrics-high-fashion-pieces-clothing-while-shopping-boutiques-weekend_273609-815.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beige-luis-vuitton-shoes-hat-lie-barrel_8353-459.jpg?_wi=2",
|
||||
imageAlt: "woman portrait professional lighting",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", date: "Sept 2023", title: "Business Executive", quote: "The most comfortable flats I've ever owned. Professional yet incredibly soft.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-high-heels_23-2150225863.jpg" },
|
||||
{ id: "t2", name: "Elena Rodriguez", date: "Aug 2023", title: "Teacher", quote: "I'm on my feet all day. These shoes are a total game-changer.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-shopping_171337-4093.jpg", imageSrc: "http://img.b2bpic.net/free-photo/shoemaker-workshop-making-shoes_171337-12281.jpg" },
|
||||
{ id: "t3", name: "Chloe Chen", date: "July 2023", title: "Architect", quote: "Timeless design that matches every outfit in my closet.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-table_1262-5373.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278385.jpg" },
|
||||
{ id: "t4", name: "Amelia Watson", date: "June 2023", title: "Designer", quote: "Quality craftsmanship you can feel the moment you put them on.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-smiling-woman-blue-hoodie-cafe-having-fun-cheerful-mood-trendy-fashion-style_285396-10742.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cowboy-inspiration-with-boots_23-2149484767.jpg" },
|
||||
{ id: "t5", name: "Nina Patel", date: "May 2023", title: "Traveler", quote: "Walked across Rome in these. My feet were happy at the end of the day!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-happy-cute-young-caucasian-female-with-charming-joyful-smile-touching-soft-expensive-fabrics-high-fashion-pieces-clothing-while-shopping-boutiques-weekend_273609-815.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beige-luis-vuitton-shoes-hat-lie-barrel_8353-459.jpg" }
|
||||
]}
|
||||
title="Voices of Our Community"
|
||||
description="See why thousands of women choose Rani for their everyday footwear."
|
||||
@@ -312,15 +152,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"Elle",
|
||||
"Marie Claire",
|
||||
"Business Insider",
|
||||
"Designboom",
|
||||
"Style Daily",
|
||||
]}
|
||||
names={["Vogue", "Harper's Bazaar", "Elle", "Marie Claire", "Business Insider", "Designboom", "Style Daily"]}
|
||||
title="Featured In"
|
||||
description="Recognized by industry leaders for our commitment to quality."
|
||||
/>
|
||||
@@ -331,21 +163,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer 30-day hassle-free returns for unworn items.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship to over 50 countries worldwide.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are materials ethically sourced?",
|
||||
content: "We source all our leather from certified ethical tanneries.",
|
||||
},
|
||||
{ id: "f1", title: "What is your return policy?", content: "We offer 30-day hassle-free returns for unworn items." },
|
||||
{ id: "f2", title: "Do you offer international shipping?", content: "Yes, we ship to over 50 countries worldwide." },
|
||||
{ id: "f3", title: "Are materials ethically sourced?", content: "We source all our leather from certified ethical tanneries." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about our sizes or shipping? We have answers."
|
||||
@@ -356,63 +176,20 @@ 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="Ready to Experience Rani?"
|
||||
description="Join our newsletter for exclusive offers and new arrivals."
|
||||
buttons={[
|
||||
{
|
||||
text: "Subscribe Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Subscribe Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Shoes",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "All Shoes", href: "#products" }, { label: "New Arrivals", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "Our Story", href: "#" }, { label: "Careers", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Rani Footwear"
|
||||
bottomRightText="Privacy Policy"
|
||||
|
||||
Reference in New Issue
Block a user