Merge version_1 into main #2
290
src/app/page.tsx
290
src/app/page.tsx
@@ -16,202 +16,116 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="DANIS"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="DANIS"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="DANIS Hardware"
|
||||
description="Elevating interiors with premium cabinet handles, wardrobe accessories, and architectural hardware designed for longevity."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-shoe-rack-indoors_23-2150960704.jpg?_wi=1",
|
||||
imageAlt: "Premium Cabinet Handle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-modern-steel-faucet-kitchen-room-sink-close-up_169016-19743.jpg?_wi=1",
|
||||
imageAlt: "Wardrobe Hardware",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428273.jpg?_wi=1",
|
||||
imageAlt: "Kitchen Accessories",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-beautiful-fit-slim-blonde-woman-summer-blue-top-short-skirt_343596-3078.jpg?_wi=1",
|
||||
imageAlt: "Pool Handle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-shoe-rack-indoors_23-2150960704.jpg?_wi=2",
|
||||
imageAlt: "Handle Detail",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="DANIS Hardware"
|
||||
description="Elevating interiors with premium cabinet handles, wardrobe accessories, and architectural hardware designed for longevity."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-shoe-rack-indoors_23-2150960704.jpg", imageAlt: "elegant cabinet handle detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/new-modern-steel-faucet-kitchen-room-sink-close-up_169016-19743.jpg", imageAlt: "black modern cabinet handle" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428273.jpg", imageAlt: "minimalist kitchen handle design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-beautiful-fit-slim-blonde-woman-summer-blue-top-short-skirt_343596-3078.jpg", imageAlt: "pool handle stainless steel" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-shoe-rack-indoors_23-2150960704.jpg", imageAlt: "elegant cabinet handle detail" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Crafted for Excellence"
|
||||
description="At DANIS, we believe hardware is the final touch that defines the character of your space. Our collections blend functionality with aesthetic precision, catering to both residential and commercial needs."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Cabinet Solutions",
|
||||
description: "Ergonomic handles for every style.",
|
||||
},
|
||||
{
|
||||
title: "Wardrobe Elegance",
|
||||
description: "Refined accessories for organized spaces.",
|
||||
},
|
||||
{
|
||||
title: "Pool & Outdoor",
|
||||
description: "Durable finishes for environmental resilience.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866656.jpg"
|
||||
imageAlt="DANIS Hardware Quality"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Crafted for Excellence"
|
||||
description="At DANIS, we believe hardware is the final touch that defines the character of your space. Our collections blend functionality with aesthetic precision, catering to both residential and commercial needs."
|
||||
bulletPoints={[
|
||||
{ title: "Cabinet Solutions", description: "Ergonomic handles for every style." },
|
||||
{ title: "Wardrobe Elegance", description: "Refined accessories for organized spaces." },
|
||||
{ title: "Pool & Outdoor", description: "Durable finishes for environmental resilience." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866656.jpg"
|
||||
imageAlt="luxury interior design hardware"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Cabinet Handle",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-modern-steel-faucet-kitchen-room-sink-close-up_169016-19743.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Wardrobe Accessory Set",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428273.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pool Gate Handle",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-beautiful-fit-slim-blonde-woman-summer-blue-top-short-skirt_343596-3078.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Industrial Door Pull",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-modern-steel-faucet-kitchen-room-sink-close-up_169016-19743.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Minimalist Cabinet Knob",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428273.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Explore our extensive range of high-quality hardware designed to complement every interior style."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Signature Cabinet Handle", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/new-modern-steel-faucet-kitchen-room-sink-close-up_169016-19743.jpg" },
|
||||
{ id: "p2", name: "Wardrobe Accessory Set", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428273.jpg" },
|
||||
{ id: "p3", name: "Pool Gate Handle", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-beautiful-fit-slim-blonde-woman-summer-blue-top-short-skirt_343596-3078.jpg" },
|
||||
{ id: "p4", name: "Industrial Door Pull", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/new-modern-steel-faucet-kitchen-room-sink-close-up_169016-19743.jpg" },
|
||||
{ id: "p5", name: "Minimalist Cabinet Knob", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428273.jpg" }
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Explore our extensive range of high-quality hardware designed to complement every interior style."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The quality of DANIS hardware has completely transformed our recent kitchen renovation. Simply stunning finishes."
|
||||
rating={5}
|
||||
author="Marcus V., Lead Interior Designer"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-leader-doing-induction-new-trainees-industry-40-photovoltaics-plant_482257-126721.jpg",
|
||||
alt: "Marcus V.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-female-realtor-showing-empty-house-young-couple_23-2148895449.jpg",
|
||||
alt: "Sarah J.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hands-craftswoman-using-pliers_107420-65193.jpg",
|
||||
alt: "David B.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-engineer-man-is-showing-his-smile-with-forefingers-by-sitting-front-tablet-blue-background_176474-117623.jpg",
|
||||
alt: "Elena R.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-leader-doing-induction-new-trainees-industry-40-photovoltaics-plant_482257-126721.jpg",
|
||||
alt: "Alex T.",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The quality of DANIS hardware has completely transformed our recent kitchen renovation. Simply stunning finishes."
|
||||
rating={5}
|
||||
author="Marcus V., Lead Interior Designer"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/team-leader-doing-induction-new-trainees-industry-40-photovoltaics-plant_482257-126721.jpg", alt: "happy client home interior" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-female-realtor-showing-empty-house-young-couple_23-2148895449.jpg", alt: "architectural project client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hands-craftswoman-using-pliers_107420-65193.jpg", alt: "renovated bathroom cabinet handle" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-engineer-man-is-showing-his-smile-with-forefingers-by-sitting-front-tablet-blue-background_176474-117623.jpg", alt: "modern luxury cabinet hardware" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/team-leader-doing-induction-new-trainees-industry-40-photovoltaics-plant_482257-126721.jpg", alt: "happy client home interior" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Ready to discuss your project requirements or bulk orders? Reach out to the DANIS team today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-working-while-pregnant_23-2149248122.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Ready to discuss your project requirements or bulk orders? Reach out to the DANIS team today."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-working-while-pregnant_23-2149248122.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="DANIS"
|
||||
copyrightText="© 2025 DANIS Hardware. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="DANIS"
|
||||
copyrightText="© 2025 DANIS Hardware. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user