Update src/app/page.tsx
This commit is contained in:
175
src/app/page.tsx
175
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Fashion",
|
||||
id: "fashion",
|
||||
},
|
||||
name: "Fashion", id: "fashion"},
|
||||
{
|
||||
name: "Skincare",
|
||||
id: "products",
|
||||
},
|
||||
name: "Skincare", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LUMIS AI"
|
||||
/>
|
||||
@@ -58,11 +50,9 @@ export default function LandingPage() {
|
||||
description="Redefining luxury fashion and advanced skincare through AI-driven creative editorial. Explore our curated collections where digital innovation meets high-end aesthetics."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXZk0VNsRzLvQXlXulRiiKwk8N/uploaded-1778494512056-3tc8rm8p.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXZk0VNsRzLvQXlXulRiiKwk8N/uploaded-1778494512056-3tc8rm8p.png"
|
||||
imageAlt="AI Luxury Collection Hero"
|
||||
/>
|
||||
</div>
|
||||
@@ -72,18 +62,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Future of",
|
||||
},
|
||||
type: "text", content: "The Future of"},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXZk0VNsRzLvQXlXulRiiKwk8N/uploaded-1778494512056-t5u51amy.png",
|
||||
alt: "Luxury Aesthetic",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXZk0VNsRzLvQXlXulRiiKwk8N/uploaded-1778494512056-t5u51amy.png", alt: "Luxury Aesthetic"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Luxury.",
|
||||
},
|
||||
type: "text", content: "Luxury."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,41 +78,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Couture Innovation",
|
||||
description: "AI-generated patterns for elite wear.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-blond-female-grey-dress-posing-artistic-interior_613910-7102.jpg",
|
||||
title: "Couture Innovation", description: "AI-generated patterns for elite wear.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-blond-female-grey-dress-posing-artistic-interior_613910-7102.jpg", imageAlt: "luxury fashion editorial model"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669117.jpg",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXZk0VNsRzLvQXlXulRiiKwk8N/uploaded-1778494512056-3tc8rm8p.png?_wi=2",
|
||||
imageAlt: "luxury fashion editorial model",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669117.jpg", imageAlt: "luxury skincare bottle iridescent dark"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Structural Aesthetics",
|
||||
description: "Precision modeling for high-end fashion shoots.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420669.jpg",
|
||||
title: "Structural Aesthetics", description: "Precision modeling for high-end fashion shoots.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420669.jpg", imageAlt: "luxury skincare bottle iridescent dark"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512085.jpg",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXZk0VNsRzLvQXlXulRiiKwk8N/uploaded-1778494512056-t5u51amy.png",
|
||||
imageAlt: "luxury fashion editorial model",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512085.jpg", imageAlt: "luxury fashion editorial model"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Digital Lookbooks",
|
||||
description: "Total multi-scene campaign development.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-wearing-make-up-stylish-clothes_23-2148931651.jpg",
|
||||
title: "Digital Lookbooks", description: "Total multi-scene campaign development.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-wearing-make-up-stylish-clothes_23-2148931651.jpg", imageAlt: "luxury fashion editorial model"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flowers-surrounding-iridescent-beauty-packaging_23-2151892260.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-lip-balm-arrangement-with-bright-sky_23-2149681509.jpg?_wi=1",
|
||||
imageAlt: "luxury fashion editorial model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flowers-surrounding-iridescent-beauty-packaging_23-2151892260.jpg", imageAlt: "luxury skincare bottle iridescent dark"
|
||||
}
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Editorial Fashion"
|
||||
@@ -145,41 +116,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Midnight Elixir",
|
||||
price: "AI-Gen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-lip-balm-arrangement-with-bright-sky_23-2149681509.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Midnight Elixir", price: "AI-Gen", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-lip-balm-arrangement-with-bright-sky_23-2149681509.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Silk Texture",
|
||||
price: "AI-Gen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-linen-fabric_23-2151914971.jpg",
|
||||
},
|
||||
id: "p2", name: "Silk Texture", price: "AI-Gen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-linen-fabric_23-2151914971.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Gold Serum",
|
||||
price: "AI-Gen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-serum-bottles_23-2149030375.jpg",
|
||||
},
|
||||
id: "p3", name: "Gold Serum", price: "AI-Gen", imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-serum-bottles_23-2149030375.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Clutch series",
|
||||
price: "AI-Gen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/antique-hand-bag-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12612.jpg",
|
||||
},
|
||||
id: "p4", name: "Clutch series", price: "AI-Gen", imageSrc: "http://img.b2bpic.net/free-photo/antique-hand-bag-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12612.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cream Jar",
|
||||
price: "AI-Gen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-lipstick_23-2149030357.jpg",
|
||||
},
|
||||
id: "p5", name: "Cream Jar", price: "AI-Gen", imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-lipstick_23-2149030357.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "High Heel",
|
||||
price: "AI-Gen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boss-boot-service-is-thinking-about-new-design-project_613910-17427.jpg",
|
||||
},
|
||||
id: "p6", name: "High Heel", price: "AI-Gen", imageSrc: "http://img.b2bpic.net/free-photo/boss-boot-service-is-thinking-about-new-design-project_613910-17427.jpg"},
|
||||
]}
|
||||
title="Skincare & Accessories"
|
||||
description="Advanced formulations meet aesthetic perfection."
|
||||
@@ -193,40 +140,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sofia V.",
|
||||
handle: "@sofia_fashion",
|
||||
testimonial: "Unparalleled AI modeling work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466344.jpg",
|
||||
},
|
||||
id: "1", name: "Sofia V.", handle: "@sofia_fashion", testimonial: "Unparalleled AI modeling work.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466344.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marc K.",
|
||||
handle: "@marc_agency",
|
||||
testimonial: "The gold standard for luxury.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-store-employees-working_23-2148915587.jpg",
|
||||
},
|
||||
id: "2", name: "Marc K.", handle: "@marc_agency", testimonial: "The gold standard for luxury.", imageSrc: "http://img.b2bpic.net/free-photo/clothes-store-employees-working_23-2148915587.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
handle: "@elena_beauty",
|
||||
testimonial: "Revolutionary aesthetic concepts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-outdoor-woman-portrait_23-2151936945.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", handle: "@elena_beauty", testimonial: "Revolutionary aesthetic concepts.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-outdoor-woman-portrait_23-2151936945.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@david_consult",
|
||||
testimonial: "Incredible creative workflow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portriat-beautiful-business-woman-standing_23-2148317282.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", handle: "@david_consult", testimonial: "Incredible creative workflow.", imageSrc: "http://img.b2bpic.net/free-photo/portriat-beautiful-business-woman-standing_23-2148317282.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah G.",
|
||||
handle: "@sarah_creative",
|
||||
testimonial: "Truly next-level design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-photographer-adjusting-lamp_23-2148565546.jpg",
|
||||
},
|
||||
id: "5", name: "Sarah G.", handle: "@sarah_creative", testimonial: "Truly next-level design.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-photographer-adjusting-lamp_23-2148565546.jpg"},
|
||||
]}
|
||||
title="Editorial feedback"
|
||||
description="Client praise for our luxury AI-generative creative work."
|
||||
@@ -238,14 +160,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"L'Officiel",
|
||||
"Elle",
|
||||
"Cosmopolitan",
|
||||
"Marie Claire",
|
||||
"Grazia",
|
||||
]}
|
||||
"Vogue", "Harper's Bazaar", "L'Officiel", "Elle", "Cosmopolitan", "Marie Claire", "Grazia"]}
|
||||
title="Editorial Partners"
|
||||
description="Trusted by high-end luxury names."
|
||||
/>
|
||||
@@ -257,20 +172,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How is AI used?",
|
||||
content: "We utilize generative AI for high-fidelity editorial creation.",
|
||||
},
|
||||
id: "q1", title: "How is AI used?", content: "We utilize generative AI for high-fidelity editorial creation."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can you handle physical products?",
|
||||
content: "Yes, we integrate physical product photography with AI background extensions.",
|
||||
},
|
||||
id: "q2", title: "Can you handle physical products?", content: "Yes, we integrate physical product photography with AI background extensions."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Turnaround time?",
|
||||
content: "Dependent on the editorial scope, typically 48-72 hours.",
|
||||
},
|
||||
id: "q3", title: "Turnaround time?", content: "Dependent on the editorial scope, typically 48-72 hours."},
|
||||
]}
|
||||
title="Creative FAQs"
|
||||
description="Learn more about our editorial process."
|
||||
@@ -282,14 +188,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Book an editorial session today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@lumisai.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@lumisai.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user