Update src/app/page.tsx
This commit is contained in:
219
src/app/page.tsx
219
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "Quality",
|
||||
id: "features",
|
||||
},
|
||||
name: "Quality", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
]}
|
||||
brandName="Ethereal Threads"
|
||||
/>
|
||||
@@ -52,62 +44,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Timeless Elegance, Modern Craft."
|
||||
description="Discover our latest collection of sustainably sourced, artisanal clothing designed for the contemporary lifestyle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collections", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rack-with-overclothes-shop_23-2147784096.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19869.jpg",
|
||||
alt: "Customer profile 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19869.jpg", alt: "Customer profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-young-woman-grey-coat-hat-walking-street-city-centre-smiling-true-emotions-stylish-lifestyle-luxury-clothes-elegant-look_197531-1885.jpg",
|
||||
alt: "Customer profile 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-young-woman-grey-coat-hat-walking-street-city-centre-smiling-true-emotions-stylish-lifestyle-luxury-clothes-elegant-look_197531-1885.jpg", alt: "Customer profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-sits-before-wall-books-christmas-decor_8353-8829.jpg",
|
||||
alt: "Customer profile 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-sits-before-wall-books-christmas-decor_8353-8829.jpg", alt: "Customer profile 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8480.jpg",
|
||||
alt: "Customer profile 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8480.jpg", alt: "Customer profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/men-s-clothing-store-indoor-shopping-center_23-2148225026.jpg",
|
||||
alt: "Customer profile 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/men-s-clothing-store-indoor-shopping-center_23-2148225026.jpg", alt: "Customer profile 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ fashion enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Materials",
|
||||
},
|
||||
type: "text", text: "Sustainable Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Craftsmanship",
|
||||
},
|
||||
type: "text", text: "Artisanal Craftsmanship"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethical Production",
|
||||
},
|
||||
type: "text", text: "Ethical Production"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Design",
|
||||
},
|
||||
type: "text", text: "Timeless Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Shipping",
|
||||
},
|
||||
type: "text", text: "Global Shipping"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,41 +89,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Silk Minimalist Blouse",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-closely-looking-blazers-mall_482257-76726.jpg",
|
||||
},
|
||||
id: "1", name: "Silk Minimalist Blouse", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/man-closely-looking-blazers-mall_482257-76726.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Tailored Wool Trousers",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-takeaway-coffee-cup-standing-outdoor_23-2148148109.jpg",
|
||||
},
|
||||
id: "2", name: "Tailored Wool Trousers", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-takeaway-coffee-cup-standing-outdoor_23-2148148109.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cashmere Knit Pullover",
|
||||
price: "$240",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-females_23-2148880181.jpg",
|
||||
},
|
||||
id: "3", name: "Cashmere Knit Pullover", price: "$240", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-females_23-2148880181.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Classic Trench Coat",
|
||||
price: "$350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-wearing-stylish-fedora-hat_23-2150711574.jpg",
|
||||
},
|
||||
id: "4", name: "Classic Trench Coat", price: "$350", imageSrc: "http://img.b2bpic.net/free-photo/view-woman-wearing-stylish-fedora-hat_23-2150711574.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Signature Silk Dress",
|
||||
price: "$290",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230645.jpg",
|
||||
},
|
||||
id: "5", name: "Signature Silk Dress", price: "$290", imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230645.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Leather Essential Belt",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-breakfast-waffle-with-banana-topping-white-bed-diary-phone_53876-65288.jpg",
|
||||
},
|
||||
id: "6", name: "Leather Essential Belt", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/plate-breakfast-waffle-with-banana-topping-white-bed-diary-phone_53876-65288.jpg"},
|
||||
]}
|
||||
title="Our Latest Collection"
|
||||
description="Exquisitely curated pieces defined by their quality and understated style."
|
||||
@@ -168,38 +113,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Premium Natural Fibers",
|
||||
author: "Ethical Sourcing",
|
||||
description: "Only the finest wools, silks, and cottons, ethically sourced for longevity and feel.",
|
||||
tags: [
|
||||
"Sustainable",
|
||||
"Premium",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-brown-knitwear-texture_23-2151998923.jpg",
|
||||
},
|
||||
id: "f1", title: "Premium Natural Fibers", author: "Ethical Sourcing", description: "Only the finest wools, silks, and cottons, ethically sourced for longevity and feel.", tags: [
|
||||
"Sustainable", "Premium"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-brown-knitwear-texture_23-2151998923.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Artisanal Tailoring",
|
||||
author: "Master Craftsmen",
|
||||
description: "Every stitch is placed by master artisans who value detail and precision above all else.",
|
||||
tags: [
|
||||
"Craftsmanship",
|
||||
"Detailed",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414735.jpg",
|
||||
},
|
||||
id: "f2", title: "Artisanal Tailoring", author: "Master Craftsmen", description: "Every stitch is placed by master artisans who value detail and precision above all else.", tags: [
|
||||
"Craftsmanship", "Detailed"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414735.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Timeless Aesthetic",
|
||||
author: "Design Philosophy",
|
||||
description: "Designs that transcend seasonal trends, creating a wardrobe that is inherently stylish forever.",
|
||||
tags: [
|
||||
"Minimalist",
|
||||
"Timeless",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric-texture_23-2148952792.jpg",
|
||||
},
|
||||
id: "f3", title: "Timeless Aesthetic", author: "Design Philosophy", description: "Designs that transcend seasonal trends, creating a wardrobe that is inherently stylish forever.", tags: [
|
||||
"Minimalist", "Timeless"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric-texture_23-2148952792.jpg"},
|
||||
]}
|
||||
title="Crafted to Last"
|
||||
description="We prioritize quality over quantity, ensuring every piece you wear is a testament to durability and design."
|
||||
@@ -213,45 +137,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena V.",
|
||||
handle: "@elena_style",
|
||||
testimonial: "The quality of the silk blouse is unmatched. Absolutely worth every penny.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-mature-woman-sitting-stool_23-2148275043.jpg",
|
||||
},
|
||||
id: "1", name: "Elena V.", handle: "@elena_style", testimonial: "The quality of the silk blouse is unmatched. Absolutely worth every penny.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-mature-woman-sitting-stool_23-2148275043.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus L.",
|
||||
handle: "@m_luxe",
|
||||
testimonial: "Finally, a brand that focuses on clean, minimalist design with true durability.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg",
|
||||
},
|
||||
id: "2", name: "Marcus L.", handle: "@m_luxe", testimonial: "Finally, a brand that focuses on clean, minimalist design with true durability.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophia R.",
|
||||
handle: "@soph_soph",
|
||||
testimonial: "Sustainable and stylish. My trench coat gets compliments everywhere I go.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-holding-hat-black-white-wall_176420-8592.jpg",
|
||||
},
|
||||
id: "3", name: "Sophia R.", handle: "@soph_soph", testimonial: "Sustainable and stylish. My trench coat gets compliments everywhere I go.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-holding-hat-black-white-wall_176420-8592.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julian D.",
|
||||
handle: "@julian_d",
|
||||
testimonial: "Impeccable tailoring. You can really feel the craftsmanship in every garment.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-adult-daughter-with-shopping-bag_1157-31141.jpg",
|
||||
},
|
||||
id: "4", name: "Julian D.", handle: "@julian_d", testimonial: "Impeccable tailoring. You can really feel the craftsmanship in every garment.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-adult-daughter-with-shopping-bag_1157-31141.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Nina H.",
|
||||
handle: "@nina_h",
|
||||
testimonial: "Everything I have purchased from them has become a wardrobe staple.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-transgender-person-using-hair-net_23-2148827030.jpg",
|
||||
},
|
||||
id: "5", name: "Nina H.", handle: "@nina_h", testimonial: "Everything I have purchased from them has become a wardrobe staple.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-transgender-person-using-hair-net_23-2148827030.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Our Community"
|
||||
@@ -262,8 +161,8 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-chic-boutique-filled-with-new-collection-designer-clothes-racks_482257-118548.jpg"
|
||||
imageAlt="Empty chic boutique filled with new collection of designer clothes on racks"
|
||||
videoSrc="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
|
||||
videoAriaLabel="Boutique tour video"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -273,45 +172,29 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "Our Quality",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Our Quality", href: "#features"},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Community", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Shipping Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Policy", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact Us", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user