Merge version_1 into main #2
369
src/app/page.tsx
369
src/app/page.tsx
@@ -26,270 +26,125 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Philosophy",
|
||||
id: "#philosophy",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#collection",
|
||||
},
|
||||
{
|
||||
name: "Artistry",
|
||||
id: "#artistry",
|
||||
},
|
||||
{
|
||||
name: "Exhibition",
|
||||
id: "#exhibition",
|
||||
},
|
||||
]}
|
||||
brandName="Kamakura Aura"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#shop",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Philosophy", id: "#philosophy" },
|
||||
{ name: "Collection", id: "#collection" },
|
||||
{ name: "Artistry", id: "#artistry" },
|
||||
{ name: "Exhibition", id: "#exhibition" },
|
||||
]}
|
||||
brandName="Kamakura Aura"
|
||||
button={{ text: "Shop Now", href: "#shop" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Oceanic Soul. Urban Craft."
|
||||
description="Sophisticated apparel blending the raw freedom of Kamakura surf with the refined edge of contemporary art."
|
||||
tag="Kamakura 2026"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Collection",
|
||||
href: "#shop",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151631254.jpg?_wi=1",
|
||||
imageAlt: "Cinematic Ocean Motion",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151631254.jpg?_wi=2",
|
||||
imageAlt: "Kamakura Surf Culture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151631254.jpg?_wi=3",
|
||||
imageAlt: "Waves crashing at sunset",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151631254.jpg?_wi=4",
|
||||
imageAlt: "Deep blue horizon",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151631254.jpg?_wi=5",
|
||||
imageAlt: "Reflective wet sand",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Curated by ocean-dwellers"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Oceanic Soul. Urban Craft."
|
||||
description="Sophisticated apparel blending the raw freedom of Kamakura surf with the refined edge of contemporary art."
|
||||
tag="Kamakura 2026"
|
||||
buttons={[{ text: "View Collection", href: "#shop" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151631254.jpg", imageAlt: "Cinematic Ocean Motion"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151631254.jpg", imageAlt: "Kamakura Surf Culture"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Curated by ocean-dwellers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="philosophy" data-section="philosophy">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="The Philosophy of Flow"
|
||||
description={[
|
||||
"Our brand is an immersive dialogue between the ocean's shifting tides and the structured world of fashion.",
|
||||
"We view every garment as a canvas and every collection as an exhibition of movement, balance, and quiet power.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="philosophy" data-section="philosophy">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="The Philosophy of Flow"
|
||||
description={[
|
||||
"Our brand is an immersive dialogue between the ocean's shifting tides and the structured world of fashion.", "We view every garment as a canvas and every collection as an exhibition of movement, balance, and quiet power."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="collection" data-section="collection">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Kamakura Tech Shell",
|
||||
price: "$480",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Midnight Tide Overshirt",
|
||||
price: "$320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Organic Cotton Surf Crew",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sand-Washed Denim Trouser",
|
||||
price: "$290",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Oceanic Windbreaker",
|
||||
price: "$380",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Horizon Knit Sweater",
|
||||
price: "$220",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg?_wi=6",
|
||||
},
|
||||
]}
|
||||
title="Featured Drops"
|
||||
description="Essential silhouettes designed for the contemporary explorer."
|
||||
/>
|
||||
</div>
|
||||
<div id="collection" data-section="collection">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Kamakura Tech Shell", price: "$480", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg" },
|
||||
{ id: "2", name: "Midnight Tide Overshirt", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg" },
|
||||
{ id: "3", name: "Organic Cotton Surf Crew", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg" },
|
||||
{ id: "4", name: "Sand-Washed Denim Trouser", price: "$290", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg" },
|
||||
{ id: "5", name: "Oceanic Windbreaker", price: "$380", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg" },
|
||||
{ id: "6", name: "Horizon Knit Sweater", price: "$220", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg" },
|
||||
]}
|
||||
title="Featured Drops"
|
||||
description="Essential silhouettes designed for the contemporary explorer."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="artistry" data-section="artistry">
|
||||
<FeatureCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Textured Ocean Series",
|
||||
description: "Original paintings inspired by sunset reflections.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-textured-oil-painting_53876-88717.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Bespoke Surf Boards",
|
||||
description: "Commissioned artistry for the sea-faring collector.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-textured-oil-painting_53876-88717.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Limited Studio Prints",
|
||||
description: "Archival quality pieces from our Kamakura atelier.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-textured-oil-painting_53876-88717.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Custom Artworks"
|
||||
description="Each one-off work bridges the divide between surf-culture aesthetics and fine art expression."
|
||||
/>
|
||||
</div>
|
||||
<div id="artistry" data-section="artistry">
|
||||
<FeatureCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Textured Ocean Series", description: "Original paintings inspired by sunset reflections.", imageSrc: "http://img.b2bpic.net/free-photo/dark-textured-oil-painting_53876-88717.jpg" },
|
||||
{ title: "Bespoke Surf Boards", description: "Commissioned artistry for the sea-faring collector.", imageSrc: "http://img.b2bpic.net/free-photo/dark-textured-oil-painting_53876-88717.jpg" },
|
||||
{ title: "Limited Studio Prints", description: "Archival quality pieces from our Kamakura atelier.", imageSrc: "http://img.b2bpic.net/free-photo/dark-textured-oil-painting_53876-88717.jpg" },
|
||||
]}
|
||||
title="Custom Artworks"
|
||||
description="Each one-off work bridges the divide between surf-culture aesthetics and fine art expression."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="exhibition" data-section="exhibition">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Events & Exhibitions"
|
||||
description="Join our journey across coastal art spaces and seasonal showcases."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Exhibition",
|
||||
title: "Oceanic Silence 2026",
|
||||
excerpt: "Opening night at the coastal gallery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimalist-art-print_23-2152019259.jpg",
|
||||
authorName: "Studio",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v6ejj",
|
||||
date: "Oct 12",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
category: "Event",
|
||||
title: "Sunset Surf Sessions",
|
||||
excerpt: "Community gathering at the beach.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surfer-going-into-sea_1308-41437.jpg?_wi=1",
|
||||
authorName: "Studio",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v6ejj",
|
||||
date: "Nov 05",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
category: "News",
|
||||
title: "New Studio Launch",
|
||||
excerpt: "Behind the scenes in Kamakura.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-sunglasses-sits-floor_8353-9374.jpg",
|
||||
authorName: "Studio",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v6ejj",
|
||||
date: "Dec 01",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="exhibition" data-section="exhibition">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Events & Exhibitions"
|
||||
description="Join our journey across coastal art spaces and seasonal showcases."
|
||||
blogs={[
|
||||
{ id: "1", category: "Exhibition", title: "Oceanic Silence 2026", excerpt: "Opening night at the coastal gallery.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimalist-art-print_23-2152019259.jpg", authorName: "Studio", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v6ejj", date: "Oct 12" },
|
||||
{ id: "2", category: "Event", title: "Sunset Surf Sessions", excerpt: "Community gathering at the beach.", imageSrc: "http://img.b2bpic.net/free-photo/surfer-going-into-sea_1308-41437.jpg", authorName: "Studio", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v6ejj", date: "Nov 05" },
|
||||
{ id: "3", category: "News", title: "New Studio Launch", excerpt: "Behind the scenes in Kamakura.", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-sunglasses-sits-floor_8353-9374.jpg", authorName: "Studio", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v6ejj", date: "Dec 01" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Newsletter"
|
||||
title="Stay Connected"
|
||||
description="Receive private invites to our seasonal drops and gallery openings."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/surfer-going-into-sea_1308-41437.jpg?_wi=2"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Newsletter"
|
||||
title="Stay Connected"
|
||||
description="Receive private invites to our seasonal drops and gallery openings."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/surfer-going-into-sea_1308-41437.jpg"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151631254.jpg?_wi=6"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v6ejj"
|
||||
logoText="Kamakura Aura"
|
||||
columns={[
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
{
|
||||
label: "Philosophy",
|
||||
href: "#philosophy",
|
||||
},
|
||||
{
|
||||
label: "Journal",
|
||||
href: "#exhibition",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Apparel",
|
||||
href: "#shop",
|
||||
},
|
||||
{
|
||||
label: "Artworks",
|
||||
href: "#artistry",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Kamakura Aura | Designed with intent"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151631254.jpg"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v6ejj"
|
||||
logoText="Kamakura Aura"
|
||||
columns={[
|
||||
{ title: "Brand", items: [{ label: "Philosophy", href: "#philosophy" }, { label: "Journal", href: "#exhibition" }] },
|
||||
{ title: "Shop", items: [{ label: "Apparel", href: "#shop" }, { label: "Artworks", href: "#artistry" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2026 Kamakura Aura | Designed with intent"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user