Switch to version 2: modified src/app/page.tsx

This commit is contained in:
2026-06-09 22:47:47 +00:00
parent 7bd2ef2f70
commit c04ee64a5d

View File

@@ -34,37 +34,29 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
{
name: "Signup", id: "/signup"},
{
name: "Order History", id: "/order-history"},
{
name: "Account", id: "/account"},
]}
logoSrc="http://img.b2bpic.net/free-vector/wedding-badge-vector-gold-vintage-ornamental-style_53876-140182.jpg"
logoAlt="Elegance Atelier Logo"
brandName="Elegance Atelier"
button={{
text: "Shop Now",
href: "#products",
}}
text: "Login", href: "/login"}}
animateOnLoad={true}
/>
</div>
@@ -75,13 +67,9 @@ export default function LandingPage() {
description="Discover a world of unparalleled luxury and exquisite craftsmanship. Each piece curated for the discerning individual."
buttons={[
{
text: "Explore Collection",
href: "#products",
},
text: "Explore Collection", href: "#products"},
{
text: "Learn Our Story",
href: "#about",
},
text: "Learn Our Story", href: "#about"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/beautiful-stylish-elegant-silver-wedding-shoes-chair_8353-75.jpg"
@@ -95,23 +83,15 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Crafting ",
},
type: "text", content: "Crafting "},
{
type: "text",
content: "Timeless ",
},
type: "text", content: "Timeless "},
{
type: "text",
content: "Luxury",
},
type: "text", content: "Luxury"},
]}
buttons={[
{
text: "Our Philosophy",
href: "#",
},
text: "Our Philosophy", href: "#"},
]}
buttonAnimation="slide-up"
/>
@@ -125,61 +105,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "watch-1",
name: "Chronos Elegance Watch",
price: "$5,200",
variant: "Rose Gold",
imageSrc: "http://img.b2bpic.net/free-photo/groom-fastens-buttons-his-wedding-suit_8353-10664.jpg",
imageAlt: "Luxury rose gold watch",
},
id: "watch-1", name: "Chronos Elegance Watch", price: "$5,200", variant: "Rose Gold", imageSrc: "http://img.b2bpic.net/free-photo/groom-fastens-buttons-his-wedding-suit_8353-10664.jpg", imageAlt: "Luxury rose gold watch"},
{
id: "handbag-1",
name: "Empress Alligator Handbag",
price: "$8,900",
variant: "Midnight Black",
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109773.jpg",
imageAlt: "Designer alligator handbag",
},
id: "handbag-1", name: "Empress Alligator Handbag", price: "$8,900", variant: "Midnight Black", imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109773.jpg", imageAlt: "Designer alligator handbag"},
{
id: "scarf-1",
name: "Versailles Silk Scarf",
price: "$450",
variant: "Emerald Green",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pinecone-beige-shawl-dark-surface_140725-63513.jpg",
imageAlt: "Elegant silk scarf",
},
id: "scarf-1", name: "Versailles Silk Scarf", price: "$450", variant: "Emerald Green", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pinecone-beige-shawl-dark-surface_140725-63513.jpg", imageAlt: "Elegant silk scarf"},
{
id: "earrings-1",
name: "Celestial Diamond Earrings",
price: "$3,800",
variant: "Platinum",
imageSrc: "http://img.b2bpic.net/free-photo/moment-before-kiss-young-beautiful-caucasian-couple-sunny-day-outdoors_8353-10690.jpg",
imageAlt: "Sparkling diamond earrings",
},
id: "earrings-1", name: "Celestial Diamond Earrings", price: "$3,800", variant: "Platinum", imageSrc: "http://img.b2bpic.net/free-photo/moment-before-kiss-young-beautiful-caucasian-couple-sunny-day-outdoors_8353-10690.jpg", imageAlt: "Sparkling diamond earrings"},
{
id: "pen-1",
name: "Sovereign Fountain Pen",
price: "$1,100",
variant: "Obsidian Black",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-pen-ai-generated_23-2150695517.jpg",
imageAlt: "Luxury fountain pen",
},
id: "pen-1", name: "Sovereign Fountain Pen", price: "$1,100", variant: "Obsidian Black", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-pen-ai-generated_23-2150695517.jpg", imageAlt: "Luxury fountain pen"},
{
id: "cufflinks-1",
name: "Aristocrat Cufflinks",
price: "$680",
variant: "Sterling Silver",
imageSrc: "http://img.b2bpic.net/free-photo/grooms-morning-preparation_1328-1774.jpg",
imageAlt: "Sterling silver cufflinks",
},
id: "cufflinks-1", name: "Aristocrat Cufflinks", price: "$680", variant: "Sterling Silver", imageSrc: "http://img.b2bpic.net/free-photo/grooms-morning-preparation_1328-1774.jpg", imageAlt: "Sterling silver cufflinks"},
]}
title="Our Exquisite Collection"
description="Indulge in our selection of finely crafted pieces, designed to elevate your lifestyle."
buttons={[
{
text: "View All Products",
href: "#",
},
text: "View All Products", href: "#"},
]}
buttonAnimation="slide-up"
/>
@@ -192,40 +134,23 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "feature-1",
title: "Bespoke Services",
descriptions: [
"Tailored creations crafted exclusively for you, ensuring a unique and personal touch.",
],
imageSrc: "http://img.b2bpic.net/free-photo/image-male-hand-pointing-business-document-discussion-meeting_1423-242.jpg",
imageAlt: "Tailor taking measurements for a bespoke suit",
},
id: "feature-1", title: "Bespoke Services", descriptions: [
"Tailored creations crafted exclusively for you, ensuring a unique and personal touch."],
imageSrc: "http://img.b2bpic.net/free-photo/image-male-hand-pointing-business-document-discussion-meeting_1423-242.jpg", imageAlt: "Tailor taking measurements for a bespoke suit"},
{
id: "feature-2",
title: "Uncompromised Quality",
descriptions: [
"We source only the finest materials, guaranteeing durability, beauty, and lasting value.",
],
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-shiny-pink-green-yellow-diamonds-colored-backdrop_23-2147948773.jpg",
imageAlt: "Close-up of fine leather texture",
},
id: "feature-2", title: "Uncompromised Quality", descriptions: [
"We source only the finest materials, guaranteeing durability, beauty, and lasting value."],
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-shiny-pink-green-yellow-diamonds-colored-backdrop_23-2147948773.jpg", imageAlt: "Close-up of fine leather texture"},
{
id: "feature-3",
title: "Exclusive Invitations",
descriptions: [
"Gain access to private viewings, launch events, and curated luxury experiences.",
],
imageSrc: "http://img.b2bpic.net/free-photo/mannequins-clothes-shop_23-2147652033.jpg",
imageAlt: "Guests at an exclusive luxury event",
},
id: "feature-3", title: "Exclusive Invitations", descriptions: [
"Gain access to private viewings, launch events, and curated luxury experiences."],
imageSrc: "http://img.b2bpic.net/free-photo/mannequins-clothes-shop_23-2147652033.jpg", imageAlt: "Guests at an exclusive luxury event"},
]}
title="Our Signature Excellence"
description="Experience the distinction of Elegance Atelier with services and qualities designed for your utmost satisfaction."
buttons={[
{
text: "Discover More",
href: "#",
},
text: "Discover More", href: "#"},
]}
buttonAnimation="slide-up"
/>
@@ -237,65 +162,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "test-1",
name: "Isabella Rossi",
date: "March 2024",
title: "Exquisite Craftsmanship",
quote: "The handbag I purchased is a true masterpiece. The attention to detail and quality of the leather are simply breathtaking.",
tag: "Luxury Handbags",
avatarSrc: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg",
avatarAlt: "Isabella Rossi's avatar",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-with-cup-coffee-bag-making-thumbs-up-high-quality-photo_114579-52841.jpg",
imageAlt: "Woman admiring a luxury handbag",
},
id: "test-1", name: "Isabella Rossi", date: "March 2024", title: "Exquisite Craftsmanship", quote: "The handbag I purchased is a true masterpiece. The attention to detail and quality of the leather are simply breathtaking.", tag: "Luxury Handbags", avatarSrc: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg", avatarAlt: "Isabella Rossi's avatar", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-with-cup-coffee-bag-making-thumbs-up-high-quality-photo_114579-52841.jpg", imageAlt: "Woman admiring a luxury handbag"},
{
id: "test-2",
name: "Julian Thorne",
date: "February 2024",
title: "Unmatched Elegance",
quote: "My new timepiece from Elegance Atelier is a statement of sophistication. It's more than a watch; it's a legacy.",
tag: "Fine Watches",
avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-businessman-modern-luxury-office-generated-by-ai_188544-17326.jpg",
avatarAlt: "Julian Thorne's avatar",
imageSrc: "http://img.b2bpic.net/free-photo/cabinetmaker-apprentice-inspecting-lumber-block-damages_482257-84366.jpg",
imageAlt: "Man wearing a luxury watch",
},
id: "test-2", name: "Julian Thorne", date: "February 2024", title: "Unmatched Elegance", quote: "My new timepiece from Elegance Atelier is a statement of sophistication. It's more than a watch; it's a legacy.", tag: "Fine Watches", avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-businessman-modern-luxury-office-generated-by-ai_188544-17326.jpg", avatarAlt: "Julian Thorne's avatar", imageSrc: "http://img.b2bpic.net/free-photo/cabinetmaker-apprentice-inspecting-lumber-block-damages_482257-84366.jpg", imageAlt: "Man wearing a luxury watch"},
{
id: "test-3",
name: "Sophia Dubois",
date: "January 2024",
title: "Jewelry Beyond Compare",
quote: "The diamond earrings are absolutely stunning. Every facet sparkles with exceptional brilliance. A truly special gift.",
tag: "Precious Jewelry",
avatarSrc: "http://img.b2bpic.net/free-photo/joyful-lady-with-dark-curly-hair-sunglasses-white-jacket-sitting-stairs-street-happily-looking-camera-while-showing-two-fingers-gesture_574295-5941.jpg",
avatarAlt: "Sophia Dubois's avatar",
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-love-paying-with-credit-card-jewelry-stor_7502-7614.jpg",
imageAlt: "Woman trying on diamond earrings",
},
id: "test-3", name: "Sophia Dubois", date: "January 2024", title: "Jewelry Beyond Compare", quote: "The diamond earrings are absolutely stunning. Every facet sparkles with exceptional brilliance. A truly special gift.", tag: "Precious Jewelry", avatarSrc: "http://img.b2bpic.net/free-photo/joyful-lady-with-dark-curly-hair-sunglasses-white-jacket-sitting-stairs-street-happily-looking-camera-while-showing-two-fingers-gesture_574295-5941.jpg", avatarAlt: "Sophia Dubois's avatar", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-love-paying-with-credit-card-jewelry-stor_7502-7614.jpg", imageAlt: "Woman trying on diamond earrings"},
{
id: "test-4",
name: "Marcus Chen",
date: "December 2023",
title: "Superior Service",
quote: "The shopping experience was as luxurious as the products. Impressed by the personalized attention and swift delivery.",
tag: "Exclusive Service",
avatarSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg",
avatarAlt: "Marcus Chen's avatar",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-posing-with-checkered-plaid-near-christmas-balls_114579-66827.jpg",
imageAlt: "Woman holding a silk scarf",
},
id: "test-4", name: "Marcus Chen", date: "December 2023", title: "Superior Service", quote: "The shopping experience was as luxurious as the products. Impressed by the personalized attention and swift delivery.", tag: "Exclusive Service", avatarSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg", avatarAlt: "Marcus Chen's avatar", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-posing-with-checkered-plaid-near-christmas-balls_114579-66827.jpg", imageAlt: "Woman holding a silk scarf"},
{
id: "test-5",
name: "Eleanor Vance",
date: "November 2023",
title: "Investment in Style",
quote: "Each acquisition from Elegance Atelier feels like an investment in timeless style and impeccable quality. Highly recommended.",
tag: "Timeless Appeal",
avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-business-woman-holding-glasses_23-2148317324.jpg",
avatarAlt: "Eleanor Vance's avatar",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-blonde-rich-woman-with-banknotes-purse_23-2149668380.jpg",
imageAlt: "Man browsing a luxury catalog",
},
id: "test-5", name: "Eleanor Vance", date: "November 2023", title: "Investment in Style", quote: "Each acquisition from Elegance Atelier feels like an investment in timeless style and impeccable quality. Highly recommended.", tag: "Timeless Appeal", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-business-woman-holding-glasses_23-2148317324.jpg", avatarAlt: "Eleanor Vance's avatar", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-blonde-rich-woman-with-banknotes-purse_23-2149668380.jpg", imageAlt: "Man browsing a luxury catalog"},
]}
title="Voices of Distinction"
description="Our esteemed clientele share their experiences with Elegance Atelier's unparalleled products and service."
@@ -307,21 +182,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Vogue",
"Haute Horlogerie",
"Noble Estates",
"Imperial Fashion",
"Grand Jewels",
"Elite Tailors",
"Gourmet & Co.",
]}
"Vogue", "Haute Horlogerie", "Noble Estates", "Imperial Fashion", "Grand Jewels", "Elite Tailors", "Gourmet & Co."]}
title="Trusted by Luxury Partners"
description="Collaborating with the most prestigious names in high fashion and exquisite craftsmanship."
buttons={[
{
text: "Partnership Inquiries",
href: "#contact",
},
text: "Partnership Inquiries", href: "#contact"},
]}
buttonAnimation="slide-up"
/>
@@ -334,69 +200,32 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "silver",
tag: "Essential",
tagIcon: Star,
price: "Complimentary",
period: "for all clients",
description: "Access to our standard curated collection and seasonal lookbooks.",
button: {
text: "Join Silver",
href: "#",
},
featuresTitle: "Includes:",
features: [
"Priority Email Support",
"Member-Exclusive Newsletters",
"Early Sale Access",
],
id: "silver", tag: "Essential", tagIcon: Star,
price: "Complimentary", period: "for all clients", description: "Access to our standard curated collection and seasonal lookbooks.", button: {
text: "Join Silver", href: "#"},
featuresTitle: "Includes:", features: [
"Priority Email Support", "Member-Exclusive Newsletters", "Early Sale Access"],
},
{
id: "gold",
tag: "Elite",
tagIcon: Award,
price: "$500",
period: "per annum",
description: "Elevate your experience with personalized services and enhanced privileges.",
button: {
text: "Upgrade to Gold",
href: "#",
},
featuresTitle: "Everything in Silver, plus:",
features: [
"Dedicated Personal Shopper",
"Invitation to Private Viewings",
"Complimentary Gift Wrapping",
"Early Access to New Collections",
],
id: "gold", tag: "Elite", tagIcon: Award,
price: "$500", period: "per annum", description: "Elevate your experience with personalized services and enhanced privileges.", button: {
text: "Upgrade to Gold", href: "#"},
featuresTitle: "Everything in Silver, plus:", features: [
"Dedicated Personal Shopper", "Invitation to Private Viewings", "Complimentary Gift Wrapping", "Early Access to New Collections"],
},
{
id: "platinum",
tag: "Prestige",
tagIcon: Sparkles,
price: "$2,000",
period: "per annum",
description: "The ultimate luxury experience, offering bespoke attention and unparalleled access.",
button: {
text: "Enroll in Platinum",
href: "#",
},
featuresTitle: "Everything in Gold, plus:",
features: [
"Bespoke Design Consultations",
"Exclusive Concierge Service",
"Private Atelier Appointments",
"First Access to Limited Editions",
],
id: "platinum", tag: "Prestige", tagIcon: Sparkles,
price: "$2,000", period: "per annum", description: "The ultimate luxury experience, offering bespoke attention and unparalleled access.", button: {
text: "Enroll in Platinum", href: "#"},
featuresTitle: "Everything in Gold, plus:", features: [
"Bespoke Design Consultations", "Exclusive Concierge Service", "Private Atelier Appointments", "First Access to Limited Editions"],
},
]}
title="Elegance Club Membership"
description="Unlock exclusive benefits and personalize your luxury experience with our tiered membership options."
buttons={[
{
text: "View Membership Benefits",
href: "#",
},
text: "View Membership Benefits", href: "#"},
]}
buttonAnimation="slide-up"
/>
@@ -408,25 +237,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "What is your return policy for luxury items?",
content: "Due to the exclusive nature of our luxury items, returns are accepted within 14 days of purchase, provided the item is in its original condition with all tags and packaging intact. Bespoke items are non-returnable.",
},
id: "faq-1", title: "What is your return policy for luxury items?", content: "Due to the exclusive nature of our luxury items, returns are accepted within 14 days of purchase, provided the item is in its original condition with all tags and packaging intact. Bespoke items are non-returnable."},
{
id: "faq-2",
title: "Do you offer international shipping?",
content: "Yes, Elegance Atelier provides insured international shipping to most countries. Shipping costs and delivery times vary by destination. Please refer to our shipping policy for details.",
},
id: "faq-2", title: "Do you offer international shipping?", content: "Yes, Elegance Atelier provides insured international shipping to most countries. Shipping costs and delivery times vary by destination. Please refer to our shipping policy for details."},
{
id: "faq-3",
title: "How can I authenticate my purchase?",
content: "Every item from Elegance Atelier comes with a certificate of authenticity and a unique serial number. For further verification, you may contact our customer service team.",
},
id: "faq-3", title: "How can I authenticate my purchase?", content: "Every item from Elegance Atelier comes with a certificate of authenticity and a unique serial number. For further verification, you may contact our customer service team."},
{
id: "faq-4",
title: "Do you offer repair or maintenance services?",
content: "We offer complimentary cleaning and minor repair services for all our products within the first year of purchase. Extended warranties and comprehensive maintenance plans are also available.",
},
id: "faq-4", title: "Do you offer repair or maintenance services?", content: "We offer complimentary cleaning and minor repair services for all our products within the first year of purchase. Extended warranties and comprehensive maintenance plans are also available."},
]}
title="Frequently Asked Questions"
description="Find answers to common inquiries regarding our luxury products, services, and ordering process."
@@ -438,20 +255,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
title="Experience Personalized Luxury"
description="Our dedicated team is here to assist you with bespoke requests, product inquiries, or any special needs."
buttons={[
{
text: "Schedule a Consultation",
href: "#",
},
text: "Schedule a Consultation", href: "#"},
{
text: "Email Us Directly",
href: "mailto:info@eleganceatelier.com",
},
text: "Email Us Directly", href: "mailto:info@eleganceatelier.com"},
]}
buttonAnimation="slide-up"
/>
@@ -465,57 +277,39 @@ export default function LandingPage() {
{
items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Collections",
href: "#products",
},
label: "Collections", href: "#products"},
{
label: "Membership",
href: "#pricing",
},
label: "Membership", href: "#pricing"},
],
},
{
items: [
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Careers",
href: "#",
},
label: "Login", href: "/login"},
{
label: "Press",
href: "#",
},
label: "Signup", href: "/signup"},
{
label: "Order History", href: "/order-history"},
{
label: "Account", href: "/account"}
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Shipping & Returns",
href: "#",
},
label: "Shipping & Returns", href: "#"},
],
},
]}