Merge version_1 into main #1
332
src/app/page.tsx
332
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Collections",
|
||||
id: "collections",
|
||||
},
|
||||
{
|
||||
name: "Jewelry",
|
||||
id: "jewelry",
|
||||
},
|
||||
{
|
||||
name: "Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{ name: "Collections", id: "collections" },
|
||||
{ name: "Jewelry", id: "jewelry" },
|
||||
{ name: "Story", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
]}
|
||||
brandName="LATESHA"
|
||||
/>
|
||||
@@ -56,51 +44,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
variant: "rotated-rays-static-grid"}}
|
||||
title="Redefining Elegance. Elevating Luxury."
|
||||
description="Discover the pinnacle of designer craftsmanship and timeless sophistication with Latesha Fashion Home."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Explore Luxury",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Shop Collection", href: "#products" },
|
||||
{ text: "Explore Luxury", href: "#about" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "slide-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-short-blonde-hair-poses-white-suit-by-ladder_8353-5468.jpg",
|
||||
imageAlt: "Luxury Editorial Fashion",
|
||||
},
|
||||
{
|
||||
id: "slide-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347039.jpg",
|
||||
imageAlt: "Fine Jewelry",
|
||||
},
|
||||
{
|
||||
id: "slide-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-purse-studio-still-life_23-2151046509.jpg",
|
||||
imageAlt: "Designer Handbag",
|
||||
},
|
||||
{
|
||||
id: "slide-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-white-suit-sits-white-cube-gallery_8353-10745.jpg",
|
||||
imageAlt: "Couture Design",
|
||||
},
|
||||
{
|
||||
id: "slide-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pieces-expensive-golden-jewelry-store_181624-33812.jpg",
|
||||
imageAlt: "Gold Necklace",
|
||||
},
|
||||
{
|
||||
id: "slide-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-clothing-collection_23-2151949829.jpg",
|
||||
imageAlt: "New Arrivals",
|
||||
},
|
||||
{ id: "slide-1", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-short-blonde-hair-poses-white-suit-by-ladder_8353-5468.jpg", imageAlt: "Luxury Editorial Fashion" },
|
||||
{ id: "slide-2", imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347039.jpg", imageAlt: "Fine Jewelry" },
|
||||
{ id: "slide-3", imageSrc: "http://img.b2bpic.net/free-photo/small-purse-studio-still-life_23-2151046509.jpg", imageAlt: "Designer Handbag" },
|
||||
{ id: "slide-4", imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-white-suit-sits-white-cube-gallery_8353-10745.jpg", imageAlt: "Couture Design" },
|
||||
{ id: "slide-5", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pieces-expensive-golden-jewelry-store_181624-33812.jpg", imageAlt: "Gold Necklace" },
|
||||
{ id: "slide-6", imageSrc: "http://img.b2bpic.net/free-photo/vintage-clothing-collection_23-2151949829.jpg", imageAlt: "New Arrivals" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -110,49 +67,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Designer Gown",
|
||||
price: "£4,500",
|
||||
variant: "Couture",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-sensual-woman-with-dark-hair-white-lace-dress_7502-8935.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Diamond Set",
|
||||
price: "£8,200",
|
||||
variant: "Jewelry",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-engagement-gold-shiny-love-macro_1400-32.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Luxury Timepiece",
|
||||
price: "£12,000",
|
||||
variant: "Accessories",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-25611.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Iconic Shades",
|
||||
price: "£650",
|
||||
variant: "Accessories",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiled-girl-with-glasses-hat_141793-252.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Silk Scarf",
|
||||
price: "£450",
|
||||
variant: "Fashion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-beach-with-face-covered-by-veil_23-2149460620.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Leather Belt",
|
||||
price: "£750",
|
||||
variant: "Accessories",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-hat-with-bag_158538-14780.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Designer Gown", price: "£4,500", variant: "Couture", imageSrc: "http://img.b2bpic.net/free-photo/charming-sensual-woman-with-dark-hair-white-lace-dress_7502-8935.jpg" },
|
||||
{ id: "p2", name: "Diamond Set", price: "£8,200", variant: "Jewelry", imageSrc: "http://img.b2bpic.net/free-photo/bright-engagement-gold-shiny-love-macro_1400-32.jpg" },
|
||||
{ id: "p3", name: "Luxury Timepiece", price: "£12,000", variant: "Accessories", imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-25611.jpg" },
|
||||
{ id: "p4", name: "Iconic Shades", price: "£650", variant: "Accessories", imageSrc: "http://img.b2bpic.net/free-photo/smiled-girl-with-glasses-hat_141793-252.jpg" },
|
||||
{ id: "p5", name: "Silk Scarf", price: "£450", variant: "Fashion", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-beach-with-face-covered-by-veil_23-2149460620.jpg" },
|
||||
{ id: "p6", name: "Leather Belt", price: "£750", variant: "Accessories", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-hat-with-bag_158538-14780.jpg" },
|
||||
]}
|
||||
title="Featured Collections"
|
||||
description="Curated pieces for the discerning individual."
|
||||
@@ -163,15 +85,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Craftsmanship at its Peak.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-art-tools-table-creative-workshop-studio_482257-27220.jpg",
|
||||
alt: "Craftsmanship",
|
||||
},
|
||||
{ type: "text", content: "Craftsmanship at its Peak." },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-art-tools-table-creative-workshop-studio_482257-27220.jpg", alt: "Craftsmanship" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -183,21 +98,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Artisanal Excellence",
|
||||
description: "Every stitch and stone is hand-selected by our master craftsmen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-fashion-design-workshop-alone_23-2148877375.jpg",
|
||||
},
|
||||
{
|
||||
title: "Exclusive Designs",
|
||||
description: "Limited production runs ensure complete exclusivity for the wearer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-luxurious-ring_1203-1535.jpg",
|
||||
},
|
||||
{
|
||||
title: "Global Authenticity",
|
||||
description: "Certified provenance for every fine jewelry piece.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetic-tiles-with-women-s-bag_23-2150916681.jpg",
|
||||
},
|
||||
{ title: "Artisanal Excellence", description: "Every stitch and stone is hand-selected by our master craftsmen.", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-fashion-design-workshop-alone_23-2148877375.jpg" },
|
||||
{ title: "Exclusive Designs", description: "Limited production runs ensure complete exclusivity for the wearer.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-luxurious-ring_1203-1535.jpg" },
|
||||
{ title: "Global Authenticity", description: "Certified provenance for every fine jewelry piece.", imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetic-tiles-with-women-s-bag_23-2150916681.jpg" },
|
||||
]}
|
||||
title="The Latesha Promise"
|
||||
description="Timeless elegance born from uncompromising standards."
|
||||
@@ -210,54 +113,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "vip",
|
||||
tag: "Recommended",
|
||||
price: "VIP",
|
||||
period: "Annual",
|
||||
description: "Priority access to all limited drops and events.",
|
||||
button: {
|
||||
text: "Apply Now",
|
||||
},
|
||||
featuresTitle: "Included Privileges",
|
||||
features: [
|
||||
"Early drop notifications",
|
||||
"Private concierge service",
|
||||
"Luxury packaging",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "prestige",
|
||||
tag: "Top Tier",
|
||||
price: "Prestige",
|
||||
period: "Unlimited",
|
||||
description: "The highest level of luxury service.",
|
||||
button: {
|
||||
text: "Inquire",
|
||||
},
|
||||
featuresTitle: "Included Privileges",
|
||||
features: [
|
||||
"Custom diamond services",
|
||||
"Unlimited global shipping",
|
||||
"Event invitations",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "member",
|
||||
tag: "Essentials",
|
||||
price: "Member",
|
||||
period: "Standard",
|
||||
description: "Essential access to the Latesha world.",
|
||||
button: {
|
||||
text: "Register",
|
||||
},
|
||||
featuresTitle: "Included Privileges",
|
||||
features: [
|
||||
"Newsletters",
|
||||
"Standard shipping",
|
||||
"Exclusive sales",
|
||||
],
|
||||
},
|
||||
{ id: "vip", tag: "Recommended", price: "VIP", period: "Annual", description: "Priority access to all limited drops and events.", button: { text: "Apply Now" }, featuresTitle: "Included Privileges", features: ["Early drop notifications", "Private concierge service", "Luxury packaging"] },
|
||||
{ id: "prestige", tag: "Top Tier", price: "Prestige", period: "Unlimited", description: "The highest level of luxury service.", button: { text: "Inquire" }, featuresTitle: "Included Privileges", features: ["Custom diamond services", "Unlimited global shipping", "Event invitations"] },
|
||||
{ id: "member", tag: "Essentials", price: "Member", period: "Standard", description: "Essential access to the Latesha world.", button: { text: "Register" }, featuresTitle: "Included Privileges", features: ["Newsletters", "Standard shipping", "Exclusive sales"] },
|
||||
]}
|
||||
title="Exclusive Membership"
|
||||
description="Join the Latesha Circle for early access and concierge services."
|
||||
@@ -269,46 +127,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Dubai Prestige",
|
||||
quote: "Packaging, design, and craftsmanship are top-tier. This brand defines elegance.",
|
||||
name: "Elena V.",
|
||||
role: "Verified Buyer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478940.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "London Excellence",
|
||||
quote: "The quality is beyond luxury. Every detail feels custom-made.",
|
||||
name: "Marcus R.",
|
||||
role: "Verified Buyer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-working-computer-office_1303-21998.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "New York Style",
|
||||
quote: "Sophistication at its best. Simply breathtaking pieces.",
|
||||
name: "Sophie K.",
|
||||
role: "Verified Buyer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-mobile-phone-waiting-area_107420-95898.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Paris Couture",
|
||||
quote: "An impeccable collection that stands the test of time.",
|
||||
name: "Julian B.",
|
||||
role: "Verified Buyer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478935.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Global Luxury",
|
||||
quote: "My favorite jewelry investment to date. Truly custom feel.",
|
||||
name: "Isabella H.",
|
||||
role: "Verified Buyer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Dubai Prestige", quote: "Packaging, design, and craftsmanship are top-tier. This brand defines elegance.", name: "Elena V.", role: "Verified Buyer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478940.jpg" },
|
||||
{ id: "t2", title: "London Excellence", quote: "The quality is beyond luxury. Every detail feels custom-made.", name: "Marcus R.", role: "Verified Buyer", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-working-computer-office_1303-21998.jpg" },
|
||||
{ id: "t3", title: "New York Style", quote: "Sophistication at its best. Simply breathtaking pieces.", name: "Sophie K.", role: "Verified Buyer", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-mobile-phone-waiting-area_107420-95898.jpg" },
|
||||
{ id: "t4", title: "Paris Couture", quote: "An impeccable collection that stands the test of time.", name: "Julian B.", role: "Verified Buyer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478935.jpg" },
|
||||
{ id: "t5", title: "Global Luxury", quote: "My favorite jewelry investment to date. Truly custom feel.", name: "Isabella H.", role: "Verified Buyer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg" },
|
||||
]}
|
||||
title="Refined Impressions"
|
||||
description="Voices of the world's most discerning collectors."
|
||||
@@ -321,21 +144,9 @@ export default function LandingPage() {
|
||||
title="By The Numbers"
|
||||
tag="Luxury Indicators"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50+",
|
||||
description: "Countries served globally",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Authenticity assured",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15k",
|
||||
description: "Members worldwide",
|
||||
},
|
||||
{ id: "m1", value: "50+", description: "Countries served globally" },
|
||||
{ id: "m2", value: "100%", description: "Authenticity assured" },
|
||||
{ id: "m3", value: "15k", description: "Members worldwide" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -346,21 +157,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What packaging is used?",
|
||||
content: "Every piece is presented in our signature gold-accented bespoke gift box.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is shipping insured?",
|
||||
content: "All shipments are 100% insured and expedited for peace of mind.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer repairs?",
|
||||
content: "Complimentary lifetime care is provided for all fine jewelry.",
|
||||
},
|
||||
{ id: "f1", title: "What packaging is used?", content: "Every piece is presented in our signature gold-accented bespoke gift box." },
|
||||
{ id: "f2", title: "Is shipping insured?", content: "All shipments are 100% insured and expedited for peace of mind." },
|
||||
{ id: "f3", title: "Do you offer repairs?", content: "Complimentary lifetime care is provided for all fine jewelry." },
|
||||
]}
|
||||
title="Concierge Inquiries"
|
||||
description="Answers to our most common high-end service questions."
|
||||
@@ -374,17 +173,8 @@ export default function LandingPage() {
|
||||
title="Join the Latesha Circle"
|
||||
description="Receive VIP early access to our limited fashion and jewelry drops."
|
||||
inputs={[
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Enter your email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full name",
|
||||
},
|
||||
{ name: "email", type: "email", placeholder: "Enter your email", required: true },
|
||||
{ name: "name", type: "text", placeholder: "Full name" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hotel-sign_1101-846.jpg"
|
||||
/>
|
||||
@@ -395,46 +185,22 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Jewelry",
|
||||
href: "#jewelry",
|
||||
},
|
||||
{
|
||||
label: "Fashion",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#collections",
|
||||
},
|
||||
{ label: "Jewelry", href: "#jewelry" },
|
||||
{ label: "Fashion", href: "#products" },
|
||||
{ label: "Collections", href: "#collections" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Concierge",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Concierge", href: "#about" },
|
||||
{ label: "Support", href: "#faq" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Pinterest",
|
||||
href: "https://pinterest.com",
|
||||
},
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Pinterest", href: "https://pinterest.com" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user