Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
187
src/app/page.tsx
187
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Ursula Noir"
|
||||
/>
|
||||
@@ -52,45 +44,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Redefining Elegance"
|
||||
description="Formal wear for every night and every occasion. Wear the power. Feel the elegance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Explore Lookbook",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Explore Lookbook", href: "#about"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-representing-leo-zodiac-sign-with-real-lion_23-2151006289.jpg",
|
||||
imageAlt: "Model in evening gown on rooftop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-representing-leo-zodiac-sign-with-real-lion_23-2151006289.jpg", imageAlt: "Model in evening gown on rooftop"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-black-evening-dress-with-glass-wine-tropical-balcony_343596-3762.jpg",
|
||||
imageAlt: "Sophisticated evening wear look",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-black-evening-dress-with-glass-wine-tropical-balcony_343596-3762.jpg", imageAlt: "Sophisticated evening wear look"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-blonde-with-long-curly-hairstyle-natural-makeup-shooting-studio-fashion-magazine-wearing-black-party-dress-with-sparkles-high-heel-shoes-professional-model-gorgeous-lady_343629-244.jpg",
|
||||
imageAlt: "Couture gown detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-blonde-with-long-curly-hairstyle-natural-makeup-shooting-studio-fashion-magazine-wearing-black-party-dress-with-sparkles-high-heel-shoes-professional-model-gorgeous-lady_343629-244.jpg", imageAlt: "Couture gown detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916390.jpg",
|
||||
imageAlt: "Formal party night attire",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916390.jpg", imageAlt: "Formal party night attire"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-having-fun_23-2151194083.jpg",
|
||||
imageAlt: "Elegant evening photography",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-having-fun_23-2151194083.jpg", imageAlt: "Elegant evening photography"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-gold-jacket-sexy-carefree-woman-posing-near-white-wall-studio-circle-lightfashionable-model-with-bright-makeup-sitting-floor_158538-22818.jpg",
|
||||
imageAlt: "Luxury black dress aesthetic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-gold-jacket-sexy-carefree-woman-posing-near-white-wall-studio-circle-lightfashionable-model-with-bright-makeup-sitting-floor_158538-22818.jpg", imageAlt: "Luxury black dress aesthetic"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,47 +88,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Midnight Gown",
|
||||
price: "$450",
|
||||
variant: "Black Velvet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/posing-professional-model-back-yard-restaurant-wearing-green-dress-hand-waist-garden-outdoor-makeup-hair-bun-red-lips_343629-48.jpg",
|
||||
},
|
||||
id: "p1", name: "Midnight Gown", price: "$450", variant: "Black Velvet", imageSrc: "http://img.b2bpic.net/free-photo/posing-professional-model-back-yard-restaurant-wearing-green-dress-hand-waist-garden-outdoor-makeup-hair-bun-red-lips_343629-48.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "City Satin Dress",
|
||||
price: "$380",
|
||||
variant: "Ivory",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-golden-jacket-sexy-carefree-woman-posing-near-silver-shiny-tinsel-wall-studiofashionable-model-with-bright-makeup-looks-camera_158538-22824.jpg",
|
||||
},
|
||||
id: "p2", name: "City Satin Dress", price: "$380", variant: "Ivory", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-golden-jacket-sexy-carefree-woman-posing-near-silver-shiny-tinsel-wall-studiofashionable-model-with-bright-makeup-looks-camera_158538-22824.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Signature Blazer",
|
||||
price: "$520",
|
||||
variant: "Gold Thread",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tailor-items-silk_23-2148897934.jpg",
|
||||
},
|
||||
id: "p3", name: "Signature Blazer", price: "$520", variant: "Gold Thread", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tailor-items-silk_23-2148897934.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Evening Slip",
|
||||
price: "$290",
|
||||
variant: "Midnight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-mannequin-drawings_482257-85237.jpg",
|
||||
},
|
||||
id: "p4", name: "Evening Slip", price: "$290", variant: "Midnight", imageSrc: "http://img.b2bpic.net/free-photo/industrial-mannequin-drawings_482257-85237.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Couture Skirt",
|
||||
price: "$310",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-beautiful-dress_1303-21034.jpg",
|
||||
},
|
||||
id: "p5", name: "Couture Skirt", price: "$310", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-beautiful-dress_1303-21034.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Tailored Pants",
|
||||
price: "$250",
|
||||
variant: "Gold Trim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-8222.jpg",
|
||||
},
|
||||
id: "p6", name: "Tailored Pants", price: "$250", variant: "Gold Trim", imageSrc: "http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-8222.jpg"},
|
||||
]}
|
||||
title="Signature Collections"
|
||||
description="Explore our curated pieces designed for Dusk to Dawn elegance."
|
||||
@@ -166,45 +111,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Stunning Quality",
|
||||
quote: "The most sophisticated gown I have ever owned. Truly exquisite.",
|
||||
name: "Elena R.",
|
||||
role: "Fashion Editor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-woman-black-dress-posing-cozy-dark-room-with-christmas-decor_8353-8832.jpg?_wi=1",
|
||||
},
|
||||
id: "t1", title: "Stunning Quality", quote: "The most sophisticated gown I have ever owned. Truly exquisite.", name: "Elena R.", role: "Fashion Editor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-woman-black-dress-posing-cozy-dark-room-with-christmas-decor_8353-8832.jpg?_wi=1"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Perfect Fit",
|
||||
quote: "Ursula Noir designs feel like they were tailored just for me.",
|
||||
name: "Sophia M.",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915123.jpg",
|
||||
},
|
||||
id: "t2", title: "Perfect Fit", quote: "Ursula Noir designs feel like they were tailored just for me.", name: "Sophia M.", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915123.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Command Attention",
|
||||
quote: "I felt powerful and refined all evening. Highly recommend.",
|
||||
name: "Julianne B.",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-woman-black-dress-posing-cozy-dark-room-with-christmas-decor_8353-8832.jpg?_wi=2",
|
||||
},
|
||||
id: "t3", title: "Command Attention", quote: "I felt powerful and refined all evening. Highly recommend.", name: "Julianne B.", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-woman-black-dress-posing-cozy-dark-room-with-christmas-decor_8353-8832.jpg?_wi=2"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Timeless Style",
|
||||
quote: "The elegance of the fabrics is simply unmatched.",
|
||||
name: "Camila V.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lady-with-dark-curly-hair-white-costume-sitting-white-moped-with-cup-coffee-go-thoughtfully-looking-camera-street_574295-5917.jpg",
|
||||
},
|
||||
id: "t4", title: "Timeless Style", quote: "The elegance of the fabrics is simply unmatched.", name: "Camila V.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lady-with-dark-curly-hair-white-costume-sitting-white-moped-with-cup-coffee-go-thoughtfully-looking-camera-street_574295-5917.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Absolute Luxury",
|
||||
quote: "Every piece is a work of art. I am officially a loyal customer.",
|
||||
name: "Isabella D.",
|
||||
role: "Art Curator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-swimsuit-with-towel_181624-55628.jpg",
|
||||
},
|
||||
id: "t5", title: "Absolute Luxury", quote: "Every piece is a work of art. I am officially a loyal customer.", name: "Isabella D.", role: "Art Curator", imageSrc: "http://img.b2bpic.net/free-photo/woman-swimsuit-with-towel_181624-55628.jpg"},
|
||||
]}
|
||||
title="Circle of Elegance"
|
||||
description="Hear what our sophisticated clientele has to say about the Ursula Noir experience."
|
||||
@@ -215,14 +130,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Join the Circle of Elegance – Be the First to Know."
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up for VIP Access",
|
||||
href: "#",
|
||||
},
|
||||
text: "Sign Up for VIP Access", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -231,54 +143,33 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Collections", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
{
|
||||
label: "Sale",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sale", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Craft",
|
||||
href: "#",
|
||||
},
|
||||
label: "Craft", href: "#"},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
label: "Press", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -289,4 +180,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #1f1f1f;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #D4AF37;
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--primary-cta-text: #0a0a0a;
|
||||
--secondary-cta: #1f1f1f;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta-text: #f5f5f5;
|
||||
--accent: #D4AF37;
|
||||
--background-accent: #7B1E2D;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user