bender/de1826f6-26a6-4e6d-8abe-85e9e6deacae
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-06 23:07:59 +00:00
parent 78e6271044
commit 632ffdf94c
1 changed files with 53 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

284
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Studio",
id: "#about",
},
name: "Studio", id: "about"},
{
name: "Work",
id: "#gallery",
},
name: "Work", id: "gallery"},
{
name: "Services",
id: "#features",
},
name: "Services", id: "features"},
{
name: "Connect",
id: "#contact",
},
name: "Connect", id: "contact"},
]}
brandName="AESTHETICA AI"
/>
@@ -55,112 +47,43 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Redefining Haute Couture Through AI"
description="Where advanced computational intelligence meets the meticulous artistry of high fashion. Bespoke visual production for the modern luxury house."
leftCarouselItems={[
{
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_158538-22774.jpg",
imageAlt: "Fashion Campaign 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405997.jpg",
imageAlt: "Fashion Campaign 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/selfconfident-young-calm-woman-stylish-black-silk-home-suit-looks-into-window-stands-cozy-l_197531-33674.jpg",
imageAlt: "Fashion Campaign 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224643.jpg",
imageAlt: "Fashion Campaign 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453468.jpg",
imageAlt: "Fashion Campaign 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-crossing-her-legs-arms-while-looking-her-right_250224-61.jpg",
imageAlt: "Fashion Campaign 6",
},
{ 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_158538-22774.jpg", imageAlt: "Fashion Campaign 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405997.jpg", imageAlt: "Fashion Campaign 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/selfconfident-young-calm-woman-stylish-black-silk-home-suit-looks-into-window-stands-cozy-l_197531-33674.jpg", imageAlt: "Fashion Campaign 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224643.jpg", imageAlt: "Fashion Campaign 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453468.jpg", imageAlt: "Fashion Campaign 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-crossing-her-legs-arms-while-looking-her-right_250224-61.jpg", imageAlt: "Fashion Campaign 6" }
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-composition-with-fashion-design-studio_23-2151537638.jpg",
imageAlt: "Digital Art 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-clear-bubble_23-2151102609.jpg",
imageAlt: "Digital Art 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/water-dress-fashion_23-2151939026.jpg",
imageAlt: "Digital Art 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688469.jpg",
imageAlt: "Digital Art 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-blue-smooth-textured-foam-wallpaper_23-2148079285.jpg",
imageAlt: "Digital Art 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-representing-sagittarius-zodiac-sign_23-2151006199.jpg",
imageAlt: "Digital Art 6",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-composition-with-fashion-design-studio_23-2151537638.jpg", imageAlt: "Digital Art 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-clear-bubble_23-2151102609.jpg", imageAlt: "Digital Art 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/water-dress-fashion_23-2151939026.jpg", imageAlt: "Digital Art 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688469.jpg", imageAlt: "Digital Art 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-blue-smooth-textured-foam-wallpaper_23-2148079285.jpg", imageAlt: "Digital Art 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-representing-sagittarius-zodiac-sign_23-2151006199.jpg", imageAlt: "Digital Art 6" }
]}
buttons={[
{
text: "View Lookbook",
href: "#gallery",
},
text: "View Lookbook", href: "#gallery"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-with-wavy-hair-dressed-skirt-light-blouse-white-jacket-sits-chair_197531-33594.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-gorgeous-girl-lace-dress-bending-backward_7502-9033.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/fashionable-young-caucasian-woman-black-glasses-clothes-looks-camera-sitting-indoors-with-glass-booze-stylish-lady-having-good-time_197531-32097.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916393.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-with-wavy-hair-dressed-skirt-light-blouse-white-jacket-sits-chair_197531-33594.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/side-view-gorgeous-girl-lace-dress-bending-backward_7502-9033.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/fashionable-young-caucasian-woman-black-glasses-clothes-looks-camera-sitting-indoors-with-glass-booze-stylish-lady-having-good-time_197531-32097.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916393.jpg", alt: "Client 5" }
]}
avatarText="Trusted by 50+ luxury houses globally"
marqueeItems={[
{
type: "text",
text: "VOGUE",
},
{
type: "text",
text: "BAZAAR",
},
{
type: "text",
text: "ELLE",
},
{
type: "text",
text: "GQ",
},
{
type: "text",
text: "W MAGAZINE",
},
{ type: "text", text: "VOGUE" },
{ type: "text", text: "BAZAAR" },
{ type: "text", text: "ELLE" },
{ type: "text", text: "GQ" },
{ type: "text", text: "W MAGAZINE" }
]}
/>
</div>
@@ -175,24 +98,19 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: Sparkles,
title: "AI Image Generation",
description: "Hyper-realistic fashion photography generated from latent conceptual sketches.",
},
title: "AI Image Generation", description: "Hyper-realistic fashion photography generated from latent conceptual sketches."},
{
icon: Zap,
title: "Couture Design Assets",
description: "Advanced pattern modeling and material texture optimization for digital garment design.",
},
title: "Couture Design Assets", description: "Advanced pattern modeling and material texture optimization for digital garment design."},
{
icon: Shield,
title: "Campaign Strategy",
description: "Data-driven visual production cycles tailored for maximum digital resonance.",
},
title: "Campaign Strategy", description: "Data-driven visual production cycles tailored for maximum digital resonance."},
]}
title="Bespoke Services"
description="Precision-engineered visual assets that push the boundaries of digital reality."
@@ -206,42 +124,12 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Collection 01",
price: "AI-Curated",
imageSrc: "http://img.b2bpic.net/free-photo/modern-young-woman-grey-suit-poses-before-grey-brick-wall_8353-1577.jpg",
},
{
id: "p2",
name: "Collection 02",
price: "AI-Curated",
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-white-blouse-terracotta-pants-minimalist-setting_24972-2967.jpg",
},
{
id: "p3",
name: "Collection 03",
price: "AI-Curated",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blond-female-black-clothes_613910-7955.jpg",
},
{
id: "p4",
name: "Collection 04",
price: "AI-Curated",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283260.jpg",
},
{
id: "p5",
name: "Collection 05",
price: "AI-Curated",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830398.jpg",
},
{
id: "p6",
name: "Collection 06",
price: "AI-Curated",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-blonde-rich-woman-with-banknotes-purse_23-2149668376.jpg",
},
{ id: "p1", name: "Collection 01", price: "AI-Curated", imageSrc: "http://img.b2bpic.net/free-photo/modern-young-woman-grey-suit-poses-before-grey-brick-wall_8353-1577.jpg" },
{ id: "p2", name: "Collection 02", price: "AI-Curated", imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-white-blouse-terracotta-pants-minimalist-setting_24972-2967.jpg" },
{ id: "p3", name: "Collection 03", price: "AI-Curated", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blond-female-black-clothes_613910-7955.jpg" },
{ id: "p4", name: "Collection 04", price: "AI-Curated", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283260.jpg" },
{ id: "p5", name: "Collection 05", price: "AI-Curated", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830398.jpg" },
{ id: "p6", name: "Collection 06", price: "AI-Curated", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-blonde-rich-woman-with-banknotes-purse_23-2149668376.jpg" }
]}
title="Production Lookbook"
description="Curated selection of our finest AI-generated high-fashion campaigns."
@@ -254,24 +142,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Award,
title: "Campaigns Delivered",
value: "250+",
},
{
id: "m2",
icon: Star,
title: "Design Awards",
value: "12",
},
{
id: "m3",
icon: Zap,
title: "Rendered Hours",
value: "10k",
},
{ id: "m1", icon: Award, title: "Campaigns Delivered", value: "250+" },
{ id: "m2", icon: Star, title: "Design Awards", value: "12" },
{ id: "m3", icon: Zap, title: "Rendered Hours", value: "10k" }
]}
title="Global Impact"
description="Quantifiable excellence in digital production."
@@ -283,46 +156,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "Haute Couture",
quote: "The precision of AI production exceeded our expectations.",
name: "Elena Rossi",
role: "Creative Director",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg",
},
{
id: "t2",
title: "Luxury House",
quote: "Seamlessly avant-garde visual narratives.",
name: "Marcus Thorne",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/brown-eyed-curly-brunette-short-haired-woman-floral-trendy-dress-smiles-looks-camera-hoods-pencil-designs-new-clothes_197531-24076.jpg",
},
{
id: "t3",
title: "Premium Boutique",
quote: "A true revolution in digital asset creation.",
name: "Sophie Leclaire",
role: "Brand Manager",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg",
},
{
id: "t4",
title: "Design Studio",
quote: "AI that understands fashion sensibilities.",
name: "Julian Vane",
role: "Founder",
imageSrc: "http://img.b2bpic.net/free-photo/modern-female-sitting-couch_23-2148415753.jpg",
},
{
id: "t5",
title: "Art Platform",
quote: "Stunning visuals that define the industry.",
name: "Amara Singh",
role: "Lead Producer",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-portrait_23-2149213171.jpg",
},
{ id: "t1", title: "Haute Couture", quote: "The precision of AI production exceeded our expectations.", name: "Elena Rossi", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg" },
{ id: "t2", title: "Luxury House", quote: "Seamlessly avant-garde visual narratives.", name: "Marcus Thorne", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/brown-eyed-curly-brunette-short-haired-woman-floral-trendy-dress-smiles-looks-camera-hoods-pencil-designs-new-clothes_197531-24076.jpg" },
{ id: "t3", title: "Premium Boutique", quote: "A true revolution in digital asset creation.", name: "Sophie Leclaire", role: "Brand Manager", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg" },
{ id: "t4", title: "Design Studio", quote: "AI that understands fashion sensibilities.", name: "Julian Vane", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/modern-female-sitting-couch_23-2148415753.jpg" },
{ id: "t5", title: "Art Platform", quote: "Stunning visuals that define the industry.", name: "Amara Singh", role: "Lead Producer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-portrait_23-2149213171.jpg" }
]}
title="Client Perspectives"
description="What our partners say about our avant-garde production methods."
@@ -332,9 +170,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Inquiry"
title="Begin Your Production"
description="Inquiries regarding high-fashion production collaborations and studio availability."
@@ -349,29 +185,15 @@ export default function LandingPage() {
logoText="AESTHETICA"
columns={[
{
title: "Agency",
items: [
{
label: "Studio",
href: "#about",
},
{
label: "Portfolio",
href: "#gallery",
},
title: "Agency", items: [
{ label: "Studio", href: "#about" },
{ label: "Portfolio", href: "#gallery" },
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Privacy",
href: "#",
},
title: "Support", items: [
{ label: "Contact", href: "#contact" },
{ label: "Privacy", href: "#" },
],
},
]}