Merge version_1 into main #2
312
src/app/page.tsx
312
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
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: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="ET"
|
||||
/>
|
||||
@@ -56,104 +48,56 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="ET: Ellama Tagacay"
|
||||
description="Exquisite craftsmanship meets timeless elegance. Discover our premium collection of bags, shoes, and apparel crafted for the discerning individual."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elenavogue",
|
||||
testimonial: "The quality of the leather is unmatched. My ET bag is a masterpiece.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg?_wi=1",
|
||||
imageAlt: "luxury fashion store atmosphere",
|
||||
},
|
||||
name: "Elena V.", handle: "@elenavogue", testimonial: "The quality of the leather is unmatched. My ET bag is a masterpiece.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg", imageAlt: "luxury fashion store atmosphere"},
|
||||
{
|
||||
name: "Marcus S.",
|
||||
handle: "@marcussmith",
|
||||
testimonial: "Shoes that feel as good as they look. Truly luxury standards.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rich-dark-brown-leather-texture-close-up_84443-73277.jpg?_wi=1",
|
||||
imageAlt: "luxury fashion store atmosphere",
|
||||
},
|
||||
name: "Marcus S.", handle: "@marcussmith", testimonial: "Shoes that feel as good as they look. Truly luxury standards.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rich-dark-brown-leather-texture-close-up_84443-73277.jpg", imageAlt: "luxury fashion store atmosphere"},
|
||||
{
|
||||
name: "Sophia L.",
|
||||
handle: "@sophialuxe",
|
||||
testimonial: "The shirt collection is sheer perfection. Every detail matters.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-long-autumn-coat-modern-striped-sweater-holds-black-handbag-tickets-isolated-beige-background_197531-18706.jpg?_wi=1",
|
||||
imageAlt: "luxury fashion store atmosphere",
|
||||
},
|
||||
name: "Sophia L.", handle: "@sophialuxe", testimonial: "The shirt collection is sheer perfection. Every detail matters.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-long-autumn-coat-modern-striped-sweater-holds-black-handbag-tickets-isolated-beige-background_197531-18706.jpg", imageAlt: "luxury fashion store atmosphere"},
|
||||
{
|
||||
name: "James D.",
|
||||
handle: "@jamesd",
|
||||
testimonial: "Sophistication redefined in every piece.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shiny-black-leather-shoes-exude-modern-luxury-generated-by-ai_188544-36154.jpg?_wi=1",
|
||||
imageAlt: "luxury fashion store atmosphere",
|
||||
},
|
||||
name: "James D.", handle: "@jamesd", testimonial: "Sophistication redefined in every piece.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shiny-black-leather-shoes-exude-modern-luxury-generated-by-ai_188544-36154.jpg", imageAlt: "luxury fashion store atmosphere"},
|
||||
{
|
||||
name: "Anna P.",
|
||||
handle: "@annapstyle",
|
||||
testimonial: "Elegance and durability perfectly balanced.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pin-christmas-ornamental-flowers-orange-slice-jacket-man_114579-1498.jpg?_wi=1",
|
||||
imageAlt: "luxury fashion store atmosphere",
|
||||
},
|
||||
name: "Anna P.", handle: "@annapstyle", testimonial: "Elegance and durability perfectly balanced.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pin-christmas-ornamental-flowers-orange-slice-jacket-man_114579-1498.jpg", imageAlt: "luxury fashion store atmosphere"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-portrait_23-2149213189.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-portrait_23-2149213189.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-stylish-woman_23-2149213179.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-stylish-woman_23-2149213179.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Loved by 5,000+ fashion enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Genuine Leather",
|
||||
},
|
||||
type: "text", text: "Genuine Leather"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Luxury",
|
||||
},
|
||||
type: "text", text: "Sustainable Luxury"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Quality",
|
||||
},
|
||||
type: "text", text: "Handcrafted Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Design",
|
||||
},
|
||||
type: "text", text: "Timeless Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Shipping",
|
||||
},
|
||||
type: "text", text: "Global Shipping"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,19 +109,13 @@ export default function LandingPage() {
|
||||
description="At ET, we believe in the art of slow fashion. Our commitment to high-quality materials and traditional techniques ensures every piece is a lasting luxury."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Genuine Leather",
|
||||
},
|
||||
value: "100%", title: "Genuine Leather"},
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years Expertise",
|
||||
},
|
||||
value: "20+", title: "Years Expertise"},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Satisfied Clients",
|
||||
},
|
||||
value: "5k+", title: "Satisfied Clients"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rich-dark-brown-leather-texture-close-up_84443-73277.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rich-dark-brown-leather-texture-close-up_84443-73277.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -191,41 +129,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Tote",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-long-autumn-coat-modern-striped-sweater-holds-black-handbag-tickets-isolated-beige-background_197531-18706.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Signature Tote", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-long-autumn-coat-modern-striped-sweater-holds-black-handbag-tickets-isolated-beige-background_197531-18706.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Classic Loafer",
|
||||
price: "$650",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shiny-black-leather-shoes-exude-modern-luxury-generated-by-ai_188544-36154.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Classic Loafer", price: "$650", imageSrc: "http://img.b2bpic.net/free-photo/shiny-black-leather-shoes-exude-modern-luxury-generated-by-ai_188544-36154.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Silk Signature Shirt",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pin-christmas-ornamental-flowers-orange-slice-jacket-man_114579-1498.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Silk Signature Shirt", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/pin-christmas-ornamental-flowers-orange-slice-jacket-man_114579-1498.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Evening Clutch",
|
||||
price: "$890",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073517.jpg",
|
||||
},
|
||||
id: "p4", name: "Evening Clutch", price: "$890", imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073517.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Derby Oxford",
|
||||
price: "$720",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/accessories-groom-shoes-boutonniere-phone-parfum-clock_8353-8008.jpg",
|
||||
},
|
||||
id: "p5", name: "Derby Oxford", price: "$720", imageSrc: "http://img.b2bpic.net/free-photo/accessories-groom-shoes-boutonniere-phone-parfum-clock_8353-8008.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Linen Tailored Shirt",
|
||||
price: "$380",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-glasses-near-dark-wall_158538-11224.jpg",
|
||||
},
|
||||
id: "p6", name: "Linen Tailored Shirt", price: "$380", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-glasses-near-dark-wall_158538-11224.jpg"},
|
||||
]}
|
||||
title="The ET Collection"
|
||||
description="Experience our latest arrivals in premium bags, sophisticated footwear, and signature shirts."
|
||||
@@ -239,49 +153,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Artisanal Quality",
|
||||
description: "Handcrafted by master artisans with decades of refined skills.",
|
||||
icon: Award,
|
||||
title: "Artisanal Quality", description: "Handcrafted by master artisans with decades of refined skills.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/store-assistants-receiving-new-fashion-collection-put-display-showroom_482257-98959.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/store-assistants-receiving-new-fashion-collection-put-display-showroom_482257-98959.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186790.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg?_wi=3",
|
||||
imageAlt: "luxury leather craftsmanship detail",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186790.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Timeless Design",
|
||||
description: "Elegant pieces that transcend seasons and trends.",
|
||||
icon: Sparkles,
|
||||
title: "Timeless Design", description: "Elegant pieces that transcend seasons and trends.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150165790.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rich-dark-brown-leather-texture-close-up_84443-73277.jpg?_wi=3",
|
||||
imageAlt: "luxury leather craftsmanship detail",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150165790.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "Sourced from the finest tanneries and mills globally.",
|
||||
icon: Shield,
|
||||
title: "Premium Materials", description: "Sourced from the finest tanneries and mills globally.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classy-man-tailor-shop_53876-24895.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classy-man-tailor-shop_53876-24895.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-linen-fabric_23-2151914972.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-long-autumn-coat-modern-striped-sweater-holds-black-handbag-tickets-isolated-beige-background_197531-18706.jpg?_wi=3",
|
||||
imageAlt: "luxury leather craftsmanship detail",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-linen-fabric_23-2151914972.jpg"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Why ET Luxury?"
|
||||
@@ -296,40 +192,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Creative",
|
||||
testimonial: "Everything I own from ET feels special.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-women-having-chat_23-2148665468.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Creative", testimonial: "Everything I own from ET feels special.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-women-having-chat_23-2148665468.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael L.",
|
||||
role: "Architect",
|
||||
testimonial: "Exceptional fit and finish every single time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5855.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael L.", role: "Architect", testimonial: "Exceptional fit and finish every single time.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5855.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chloe B.",
|
||||
role: "Fashion Editor",
|
||||
testimonial: "A truly refreshing take on classic luxury.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg",
|
||||
},
|
||||
id: "t3", name: "Chloe B.", role: "Fashion Editor", testimonial: "A truly refreshing take on classic luxury.", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "Incredible value for such premium materials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-sexy-woman-dressed-elegant-tuxedo-suit-walking-city-summer-spring-day_285396-8010.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", role: "Entrepreneur", testimonial: "Incredible value for such premium materials.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-sexy-woman-dressed-elegant-tuxedo-suit-walking-city-summer-spring-day_285396-8010.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Nina R.",
|
||||
role: "Designer",
|
||||
testimonial: "Beautifully crafted and perfectly refined.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-talking-phone_23-2148415815.jpg",
|
||||
},
|
||||
id: "t5", name: "Nina R.", role: "Designer", testimonial: "Beautifully crafted and perfectly refined.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-talking-phone_23-2148415815.jpg"},
|
||||
]}
|
||||
title="Voices of Elegance"
|
||||
description="Join our community of satisfied clientele who appreciate fine fashion."
|
||||
@@ -343,23 +214,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Avg. Rating",
|
||||
value: "4.9/5",
|
||||
},
|
||||
id: "m1", icon: Star,
|
||||
title: "Avg. Rating", value: "4.9/5"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Globe,
|
||||
title: "Global Shipping",
|
||||
value: "60+",
|
||||
},
|
||||
id: "m2", icon: Globe,
|
||||
title: "Global Shipping", value: "60+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Members",
|
||||
value: "12k+",
|
||||
},
|
||||
id: "m3", icon: Users,
|
||||
title: "Members", value: "12k+"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our commitment to quality measured through our brand success."
|
||||
@@ -371,14 +233,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"Elle",
|
||||
"GQ",
|
||||
"L'Officiel",
|
||||
"Marie Claire",
|
||||
"W Magazine",
|
||||
]}
|
||||
"Vogue", "Harper's Bazaar", "Elle", "GQ", "L'Officiel", "Marie Claire", "W Magazine"]}
|
||||
title="Featured In"
|
||||
description="Recognized by industry leaders for luxury standards."
|
||||
/>
|
||||
@@ -390,54 +245,33 @@ export default function LandingPage() {
|
||||
logoText="ET"
|
||||
columns={[
|
||||
{
|
||||
title: "Collection",
|
||||
items: [
|
||||
title: "Collection", items: [
|
||||
{
|
||||
label: "Bags",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Bags", href: "#products"},
|
||||
{
|
||||
label: "Shoes",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shoes", href: "#products"},
|
||||
{
|
||||
label: "Shirts",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shirts", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Ethics",
|
||||
href: "#",
|
||||
},
|
||||
label: "Ethics", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user