Update src/app/page.tsx

This commit is contained in:
2026-04-11 17:32:08 +00:00
parent afb3dd7fb7
commit 84130adc8b

View File

@@ -9,6 +9,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Star } from 'lucide-react';
export default function LandingPage() {
return (
@@ -28,14 +29,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "hero"},
{
name: "Collections", id: "products"},
{
name: "Quality", id: "features"},
{
name: "Reviews", id: "testimonials"},
{ name: "Home", id: "hero" },
{ name: "Collections", id: "products" },
{ name: "Quality", id: "features" },
{ name: "Reviews", id: "testimonials" },
]}
brandName="Ethereal Threads"
/>
@@ -43,40 +40,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars"}}
background={{ 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"},
]}
buttons={[{ 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/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/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/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/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/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: "Artisanal Craftsmanship"},
{
type: "text", text: "Ethical Production"},
{
type: "text", text: "Timeless Design"},
{
type: "text", text: "Global Shipping"},
{ type: "text", text: "Sustainable Materials" },
{ type: "text", text: "Artisanal Craftsmanship" },
{ type: "text", text: "Ethical Production" },
{ type: "text", text: "Timeless Design" },
{ type: "text", text: "Global Shipping" },
]}
/>
</div>
@@ -88,18 +71,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
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: "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: "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: "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: "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: "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: "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" },
]}
title="Our Latest Collection"
description="Exquisitely curated pieces defined by their quality and understated style."
@@ -112,18 +89,9 @@ export default function LandingPage() {
textboxLayout="split"
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: "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: "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: "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."
@@ -136,21 +104,11 @@ export default function LandingPage() {
textboxLayout="split"
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: "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: "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: "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", icon: Star },
{ 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", icon: Star },
{ 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", icon: Star },
{ 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", icon: Star },
{ 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", icon: Star },
]}
showRating={true}
title="Loved by Our Community"
@@ -160,43 +118,22 @@ export default function LandingPage() {
<div id="about" data-section="about">
<TestimonialAboutCard
tag="About Us"
title="Ethereal Threads"
description="Rooted in sustainability, crafted by masters."
subdescription="Our journey began with a simple belief: clothing should be timeless and ethical."
icon={Star}
useInvertedBackground={false}
videoSrc="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
videoAriaLabel="Boutique tour video"
imageSrc="http://img.b2bpic.net/free-photo/empty-chic-boutique-filled-with-new-collection-designer-clothes-racks_482257-118548.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Shop", href: "#products"},
{
label: "Our Quality", href: "#features"},
{
label: "Community", href: "#testimonials"},
],
},
{
items: [
{
label: "Help Center", href: "#"},
{
label: "Shipping Policy", href: "#"},
{
label: "Contact Us", href: "#"},
],
},
{
items: [
{
label: "Privacy", href: "#"},
{
label: "Terms", href: "#"},
],
},
{ items: [ { label: "Shop", href: "#products" }, { label: "Our Quality", href: "#features" }, { label: "Community", href: "#testimonials" } ] },
{ items: [ { label: "Help Center", href: "#" }, { label: "Shipping Policy", href: "#" }, { label: "Contact Us", href: "#" } ] },
{ items: [ { label: "Privacy", href: "#" }, { label: "Terms", href: "#" } ] },
]}
logoText="Ethereal Threads"
/>