Update src/app/page.tsx
This commit is contained in:
257
src/app/page.tsx
257
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "collection",
|
||||
},
|
||||
name: "Collection", id: "collection"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Jam Pure"
|
||||
/>
|
||||
@@ -55,93 +47,52 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Boutique Style, Delivered"
|
||||
description="Elevate your wardrobe with Jam Pure’s curated collection of designer pieces available for rent. Sustainable, chic, and always ready for you."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Anna S.",
|
||||
handle: "@annastyle",
|
||||
testimonial: "The perfect dress for my event! Super easy process.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-outdoor_624325-50.jpg",
|
||||
},
|
||||
name: "Anna S.", handle: "@annastyle", testimonial: "The perfect dress for my event! Super easy process.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-outdoor_624325-50.jpg"},
|
||||
{
|
||||
name: "Claire B.",
|
||||
handle: "@clairelooks",
|
||||
testimonial: "High quality pieces and excellent customer service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-female-friends-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-copy-space-consumerism-shopping-concept_74855-11590.jpg",
|
||||
},
|
||||
name: "Claire B.", handle: "@clairelooks", testimonial: "High quality pieces and excellent customer service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-female-friends-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-copy-space-consumerism-shopping-concept_74855-11590.jpg"},
|
||||
{
|
||||
name: "Jessica M.",
|
||||
handle: "@jessm",
|
||||
testimonial: "Sustainable and so stylish. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-sexy-woman-with-two-horns-hairstyle-shows-tongue_158538-5924.jpg",
|
||||
},
|
||||
name: "Jessica M.", handle: "@jessm", testimonial: "Sustainable and so stylish. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-sexy-woman-with-two-horns-hairstyle-shows-tongue_158538-5924.jpg"},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "@sarahp",
|
||||
testimonial: "Jam Pure made my gala night seamless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-balcony-holding-glass-engjoying-sunny-weather-balcony_8353-12235.jpg",
|
||||
},
|
||||
name: "Sarah P.", handle: "@sarahp", testimonial: "Jam Pure made my gala night seamless.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-balcony-holding-glass-engjoying-sunny-weather-balcony_8353-12235.jpg"},
|
||||
{
|
||||
name: "Emily V.",
|
||||
handle: "@emilyv",
|
||||
testimonial: "The best way to try new designers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-talking-phone_23-2148660693.jpg",
|
||||
},
|
||||
name: "Emily V.", handle: "@emilyv", testimonial: "The best way to try new designers.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-talking-phone_23-2148660693.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-clothing-boutique-interior_23-2151961902.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-clothing-boutique-interior_23-2151961902.jpg"
|
||||
imageAlt="Boutique collection display"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-clothing-store-with-casual-formal-wear-items-retail-shop-with-stylish-clothes-hangers-racks-modern-boutique-inside-shopping-centre-fashionable-merchandise-sale_482257-63323.jpg",
|
||||
alt: "Customer portrait 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/empty-clothing-store-with-casual-formal-wear-items-retail-shop-with-stylish-clothes-hangers-racks-modern-boutique-inside-shopping-centre-fashionable-merchandise-sale_482257-63323.jpg", alt: "Customer portrait 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-clothing-showroom_482257-79289.jpg",
|
||||
alt: "Customer portrait 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/empty-clothing-showroom_482257-79289.jpg", alt: "Customer portrait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sympathetic-girl-stands-near-bulding_8353-213.jpg",
|
||||
alt: "Customer portrait 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sympathetic-girl-stands-near-bulding_8353-213.jpg", alt: "Customer portrait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-workshop-with-tools-sketches-luxury-handcrafting-services-with-tailoring-equipment-modern-fabric-tailor-atelier-with-workstations-instruments-small-business_482257-65197.jpg",
|
||||
alt: "Customer portrait 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/empty-workshop-with-tools-sketches-luxury-handcrafting-services-with-tailoring-equipment-modern-fabric-tailor-atelier-with-workstations-instruments-small-business_482257-65197.jpg", alt: "Customer portrait 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-clothing-store-filled-casual-formal-wear-items-hanging-fashion-store-racks-hangers-full-with-fashionable-clothes-accessories-discount-small-business-commercial-activity_482257-65075.jpg",
|
||||
alt: "Customer portrait 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/empty-clothing-store-filled-casual-formal-wear-items-hanging-fashion-store-racks-hangers-full-with-fashionable-clothes-accessories-discount-small-business-commercial-activity_482257-65075.jpg", alt: "Customer portrait 5"},
|
||||
]}
|
||||
avatarText="Join 500+ happy renters"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Luxury",
|
||||
},
|
||||
type: "text", text: "Sustainable Luxury"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Designers",
|
||||
},
|
||||
type: "text", text: "Premium Designers"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seamless Rental",
|
||||
},
|
||||
type: "text", text: "Seamless Rental"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Shipping",
|
||||
},
|
||||
type: "text", text: "Fast Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cleaned to Perfection",
|
||||
},
|
||||
type: "text", text: "Cleaned to Perfection"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,19 +105,13 @@ export default function LandingPage() {
|
||||
description="At Jam Pure, we believe fashion should be accessible and sustainable. Our boutique rental collection is hand-picked for those who value individuality and quality."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Sustainable Luxury",
|
||||
description: "Reduce waste while staying perfectly styled.",
|
||||
},
|
||||
title: "Sustainable Luxury", description: "Reduce waste while staying perfectly styled."},
|
||||
{
|
||||
title: "Designer Access",
|
||||
description: "Wear the latest collections for a fraction of the cost.",
|
||||
},
|
||||
title: "Designer Access", description: "Wear the latest collections for a fraction of the cost."},
|
||||
{
|
||||
title: "Simplified Process",
|
||||
description: "From selection to return, we handle the details.",
|
||||
},
|
||||
title: "Simplified Process", description: "From selection to return, we handle the details."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-wearing-floral-dress-wearing-hat-sitting_1150-19274.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-wearing-floral-dress-wearing-hat-sitting_1150-19274.jpg"
|
||||
imageAlt="Inside our boutique"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -180,41 +125,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Silk Evening Gown",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/womens-clothes-accessories_93675-129971.jpg",
|
||||
},
|
||||
id: "p1", name: "Silk Evening Gown", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/womens-clothes-accessories_93675-129971.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Designer Handbag",
|
||||
price: "$60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fashion-details-taupe-trendy-colors-woman-wearing-elegant-coat-floral-maxi-dress-crossbody-bag-trendy-accessories-jewelry-spring-autumn-time-burgundy-manicure_291049-635.jpg",
|
||||
},
|
||||
id: "p2", name: "Designer Handbag", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fashion-details-taupe-trendy-colors-woman-wearing-elegant-coat-floral-maxi-dress-crossbody-bag-trendy-accessories-jewelry-spring-autumn-time-burgundy-manicure_291049-635.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Floral Cocktail Dress",
|
||||
price: "$75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflection-girl-wedding-dress-window_8353-12581.jpg",
|
||||
},
|
||||
id: "p3", name: "Floral Cocktail Dress", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/reflection-girl-wedding-dress-window_8353-12581.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tailored Blazer",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-dress-fire-with-flames_23-2151073807.jpg",
|
||||
},
|
||||
id: "p4", name: "Tailored Blazer", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/3d-dress-fire-with-flames_23-2151073807.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Velvet Wrap Dress",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-suit-chair-shoes-briefcase_181624-10463.jpg",
|
||||
},
|
||||
id: "p5", name: "Velvet Wrap Dress", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-suit-chair-shoes-briefcase_181624-10463.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Modern Midi Skirt",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300872.jpg",
|
||||
},
|
||||
id: "p6", name: "Modern Midi Skirt", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300872.jpg"},
|
||||
]}
|
||||
title="Explore Our Collection"
|
||||
description="Find your next signature look from our carefully curated rental inventory."
|
||||
@@ -227,28 +148,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Browse Styles",
|
||||
description: "Select your favorites from our collection.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Search,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg",
|
||||
imageAlt: "Beautician styling clients hair",
|
||||
title: "Browse Styles", description: "Select your favorites from our collection.", bentoComponent: "reveal-icon", icon: Search,
|
||||
},
|
||||
{
|
||||
title: "Wear Your Style",
|
||||
description: "Receive it perfectly cleaned and ready to wear.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Package,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-clothing-boutique-interior_23-2151961902.jpg?_wi=2",
|
||||
imageAlt: "Beautician styling clients hair",
|
||||
title: "Wear Your Style", description: "Receive it perfectly cleaned and ready to wear.", bentoComponent: "reveal-icon", icon: Package,
|
||||
},
|
||||
{
|
||||
title: "Return Easily",
|
||||
description: "Send it back in the provided pre-paid mailer.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ArrowRight,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-wearing-floral-dress-wearing-hat-sitting_1150-19274.jpg?_wi=2",
|
||||
imageAlt: "Beautician styling clients hair",
|
||||
title: "Return Easily", description: "Send it back in the provided pre-paid mailer.", bentoComponent: "reveal-icon", icon: ArrowRight,
|
||||
},
|
||||
]}
|
||||
title="Easy as 1, 2, 3"
|
||||
@@ -264,45 +170,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Marketing",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-lady-with-dark-curly-hair-sunglasses-standing-happily-looking-camera-while-spending-time-summer-terrace-cafe_574295-5934.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Marketing", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-lady-with-dark-curly-hair-sunglasses-standing-happily-looking-camera-while-spending-time-summer-terrace-cafe_574295-5934.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "CTO",
|
||||
company: "TechLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924090.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", role: "CTO", company: "TechLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924090.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Creative",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-lady-formal-wear-showing-peace-sign_197531-16827.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Creative", company: "DesignCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-lady-formal-wear-showing-peace-sign_197531-16827.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "PM",
|
||||
company: "Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-elegant-clothes-office_291650-564.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "PM", company: "Startup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-elegant-clothes-office_291650-564.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex T.",
|
||||
role: "Developer",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-shopping-clothes_23-2148385702.jpg",
|
||||
},
|
||||
id: "5", name: "Alex T.", role: "Developer", company: "Innovate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-shopping-clothes_23-2148385702.jpg"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Hear what our boutique community has to say."
|
||||
@@ -314,20 +195,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long is the rental period?",
|
||||
content: "Our standard rental period is 4 days.",
|
||||
},
|
||||
id: "q1", title: "How long is the rental period?", content: "Our standard rental period is 4 days."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are cleaning fees included?",
|
||||
content: "Yes, dry cleaning is fully covered.",
|
||||
},
|
||||
id: "q2", title: "Are cleaning fees included?", content: "Yes, dry cleaning is fully covered."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What if something happens?",
|
||||
content: "Minor wear is expected; accidental damage insurance is available.",
|
||||
},
|
||||
id: "q3", title: "What if something happens?", content: "Minor wear is expected; accidental damage insurance is available."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -338,8 +210,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay in Touch"
|
||||
title="Need Assistance?"
|
||||
description="Reach out to us for personal styling help or order support."
|
||||
@@ -350,29 +221,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Policies",
|
||||
items: [
|
||||
title: "Policies", items: [
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user