Merge version_1 into main #1
322
src/app/page.tsx
322
src/app/page.tsx
@@ -13,221 +13,129 @@ import TextAbout from '@/components/sections/about/TextAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="ArtisanDoors"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="ArtisanDoors"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Entrance to Elegance"
|
||||
description="Crafting bespoke door designs tailored to your home's unique character. Excellence in every entry."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Collection",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/decorative-wooden-entrance-door-historic-house-vintage-city-doorway_169016-71092.jpg"
|
||||
imageAlt="Luxurious custom entrance door"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/house-entrance-plants-japanese-culture_23-2149301148.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13236.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-young-businesswoman-with-blue-jacket_23-2147605035.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/decorative-wooden-entrance-door-historic-house-vintage-city-doorway_169016-71092.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/house-entrance-japan-building_23-2149301118.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 2000+ homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Oak",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Steel",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-Carved",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Architectural Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Hardware",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="Entrance to Elegance"
|
||||
description="Crafting bespoke door designs tailored to your home's unique character. Excellence in every entry."
|
||||
buttons={[{ text: "View Our Collection", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/decorative-wooden-entrance-door-historic-house-vintage-city-doorway_169016-71092.jpg"
|
||||
imageAlt="Luxurious custom entrance door"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/house-entrance-plants-japanese-culture_23-2149301148.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13236.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-young-businesswoman-with-blue-jacket_23-2147605035.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/decorative-wooden-entrance-door-historic-house-vintage-city-doorway_169016-71092.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/house-entrance-japan-building_23-2149301118.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 2000+ homeowners"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Sustainable Oak" },
|
||||
{ type: "text", text: "Precision Steel" },
|
||||
{ type: "text", text: "Hand-Carved" },
|
||||
{ type: "text", text: "Architectural Design" },
|
||||
{ type: "text", text: "Bespoke Hardware" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="The Art of Entry"
|
||||
buttons={[
|
||||
{
|
||||
text: "Read Our Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
tag="Our Philosophy"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="The Art of Entry"
|
||||
buttons={[{ text: "Read Our Story", href: "#" }]}
|
||||
tag="Our Philosophy"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Modern Precision",
|
||||
description: "High-performance materials for durability and style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-plants-japanese-culture_23-2149301148.jpg",
|
||||
imageAlt: "Modern entrance door",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Artisan Craft",
|
||||
description: "Hand-finished details that define true elegance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13236.jpg",
|
||||
imageAlt: "Wood door detail",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Bespoke Finishing",
|
||||
description: "Custom glass, hardware, and textures to your taste.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-businesswoman-with-blue-jacket_23-2147605035.jpg",
|
||||
imageAlt: "Glass door design",
|
||||
},
|
||||
]}
|
||||
title="Designed for You"
|
||||
description="Our custom designs transform standard entryways into architectural statements."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: 1, title: "Modern Precision", description: "High-performance materials for durability and style.", imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-plants-japanese-culture_23-2149301148.jpg", imageAlt: "Modern entrance door" },
|
||||
{ id: 2, title: "Artisan Craft", description: "Hand-finished details that define true elegance.", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13236.jpg", imageAlt: "Wood door detail" },
|
||||
{ id: 3, title: "Bespoke Finishing", description: "Custom glass, hardware, and textures to your taste.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-businesswoman-with-blue-jacket_23-2147605035.jpg", imageAlt: "Glass door design" }
|
||||
]}
|
||||
title="Designed for You"
|
||||
description="Our custom designs transform standard entryways into architectural statements."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of Craftsmanship",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2000+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Referral Rate",
|
||||
},
|
||||
]}
|
||||
title="Quality in Numbers"
|
||||
description="Proven performance and satisfaction in every build."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", description: "Years of Craftsmanship" },
|
||||
{ id: "m2", value: "2000+", description: "Happy Clients" },
|
||||
{ id: "m3", value: "98%", description: "Referral Rate" }
|
||||
]}
|
||||
title="Quality in Numbers"
|
||||
description="Proven performance and satisfaction in every build."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Start Your Design"
|
||||
description="Consult with our designers and bring your vision to life today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/house-entrance-japan-building_23-2149301118.jpg"
|
||||
imageAlt="Luxury front entrance"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Start Your Design"
|
||||
description="Consult with our designers and bring your vision to life today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/house-entrance-japan-building_23-2149301118.jpg"
|
||||
imageAlt="Luxury front entrance"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 ArtisanDoors. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Features", href: "#features" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQ", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 ArtisanDoors. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user