254 lines
14 KiB
TypeScript
254 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Award, Home, Smile } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Collections", id: "products"},
|
|
{
|
|
name: "About Us", id: "about"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Danube Home Ghana"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Redefining Luxury Living in Ghana"
|
|
description="Discover a world of premium furniture and home decor curated for the modern Ghanaian home."
|
|
testimonials={[
|
|
{
|
|
name: "Ama Serwaa", handle: "@ama_designs", testimonial: "The quality is unmatched. My living room feels like a palace now.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-fireplace-large-painting-wall_123827-23876.jpg?_wi=1", imageAlt: "luxury living room furniture high-end"},
|
|
{
|
|
name: "Kofi Mensah", handle: "@kofi_architecture", testimonial: "Superb selection for contemporary spaces. Highly recommend.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722595.jpg?_wi=1", imageAlt: "luxury living room furniture high-end"},
|
|
{
|
|
name: "Sarah Boateng", handle: "@sarah_styles", testimonial: "Danube Home transformed my entire home. Elegant and durable.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/minimal-picture-frame-with-scandinavian-design_53876-139778.jpg?_wi=1", imageAlt: "luxury living room furniture high-end"},
|
|
{
|
|
name: "Nana Kwame", handle: "@nana_home", testimonial: "Excellent service and top-tier furniture craftsmanship.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-organized-office-cabinet_482257-123679.jpg?_wi=1", imageAlt: "luxury living room furniture high-end"},
|
|
{
|
|
name: "Abena Osei", handle: "@abena_spaces", testimonial: "The best shopping experience for luxury home decor in Accra.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-interior-room-design-concept_23-2148786418.jpg?_wi=1", imageAlt: "luxury living room furniture high-end"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/living-room-with-fireplace-large-painting-wall_123827-23876.jpg?_wi=2"
|
|
imageAlt="Luxurious Danube Home Ghana living room"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/mix-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160207.jpg", alt: "Minimal nordic interior design"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/sexy-blond-female-black-costume-sits-round-black-chair-empty-room_613910-328.jpg", alt: "Woman in elegant costume"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/3d-modern-lamp-design_23-2151047547.jpg", alt: "Modern lamp design"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/black-leather-sofa_1203-3423.jpg", alt: "Black leather sofa"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/still-life-with-home-decor-details-close-up-foreground-against-blurred-room-space_169016-9786.jpg", alt: "Still life home decor"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Sustainable Materials"},
|
|
{
|
|
type: "text", text: "Worldwide Shipping"},
|
|
{
|
|
type: "text", text: "Bespoke Design"},
|
|
{
|
|
type: "text", text: "Professional Installation"},
|
|
{
|
|
type: "text", text: "Award Winning Quality"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="A Legacy of Elegance"
|
|
description="With years of expertise, Danube Home Ghana blends international design trends with local sensibilities to offer bespoke home furnishing solutions."
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722595.jpg?_wi=2"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Artisanal Craftsmanship", description: "Every piece is crafted to perfection with durable, premium materials.", imageSrc: "http://img.b2bpic.net/free-photo/minimal-picture-frame-with-scandinavian-design_53876-139778.jpg?_wi=2", imageAlt: "Artisanal sofa"},
|
|
{
|
|
title: "Global Design Trends", description: "Stay ahead with furniture designs inspired by world-class interior styles.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-organized-office-cabinet_482257-123679.jpg?_wi=2", imageAlt: "Designer furniture"},
|
|
{
|
|
title: "Bespoke Consulting", description: "Personalized advice to make your interior vision a beautiful reality.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-interior-room-design-concept_23-2148786418.jpg?_wi=2", imageAlt: "Living room interior"},
|
|
]}
|
|
title="Why Choose Danube Home"
|
|
description="Experience superior quality and design excellence in every corner of your home."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
useInvertedBackground={false}
|
|
buttons={[{text: "Buy Now"}]}
|
|
products={[
|
|
{
|
|
id: "1", name: "Royal Velvet Sofa", price: "GHS 12,500", imageSrc: "http://img.b2bpic.net/free-photo/blue-coch-blue-room_1194-6651.jpg"},
|
|
{
|
|
id: "2", name: "Oak Dining Ensemble", price: "GHS 18,900", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-with-dreadlocks-wear-blue-blouse-skirt-posed-cafe_627829-13175.jpg"},
|
|
{
|
|
id: "3", name: "Serene King Bed", price: "GHS 15,200", imageSrc: "http://img.b2bpic.net/free-photo/bed-with-gray-upholstery-without-mattress-with-opened-storage-empty-room_181624-29534.jpg"},
|
|
{
|
|
id: "4", name: "Modern Lounge Chair", price: "GHS 4,800", imageSrc: "http://img.b2bpic.net/free-photo/empty-business-office-financial-statistics-analysis-used-by-company-employees-create-e-commerce-sales-charts-graphs-no-people-creative-workplace-contemporary-job-interior-design_482257-39455.jpg"},
|
|
{
|
|
id: "5", name: "Designer Coffee Table", price: "GHS 3,500", imageSrc: "http://img.b2bpic.net/free-photo/paper-cup-books-cozy-room-interior-concept-coziness_169016-57005.jpg"},
|
|
{
|
|
id: "6", name: "Luxury Vanity Suite", price: "GHS 7,900", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-posing-bathroom-with-bath-robe_23-2148147503.jpg"},
|
|
]}
|
|
title="Featured Collections"
|
|
description="Explore our handpicked selection of furniture designed to elevate your living space."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", icon: Award,
|
|
title: "Years of Excellence", value: "15+"},
|
|
{
|
|
id: "m2", icon: Home,
|
|
title: "Happy Homes Furnished", value: "10,000+"},
|
|
{
|
|
id: "m3", icon: Smile,
|
|
title: "Satisfied Customers", value: "98%"},
|
|
]}
|
|
title="Milestones of Quality"
|
|
description="Our commitment to excellence in the Ghanaian market."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Ama Serwaa", date: "Oct 2023", title: "Interior Designer", quote: "Stunning aesthetics and incredible comfort.", tag: "Living Room", avatarSrc: "http://img.b2bpic.net/free-photo/older-woman-drinking-coffee-smiling-house-white-shirt-daytime_176474-4942.jpg", imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-fireplace-large-painting-wall_123827-23876.jpg?_wi=3", imageAlt: "happy home owner portrait smiling"},
|
|
{
|
|
id: "t2", name: "Kofi Mensah", date: "Sep 2023", title: "Architect", quote: "Quality that transforms homes.", tag: "Dining Set", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-hanging-christmas-ball_114579-80780.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722595.jpg?_wi=3", imageAlt: "happy home owner portrait smiling"},
|
|
{
|
|
id: "t3", name: "Sarah Boateng", date: "Aug 2023", title: "Homeowner", quote: "The shopping experience was seamless.", tag: "Bedroom Set", avatarSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg", imageSrc: "http://img.b2bpic.net/free-photo/minimal-picture-frame-with-scandinavian-design_53876-139778.jpg?_wi=3", imageAlt: "happy home owner portrait smiling"},
|
|
{
|
|
id: "t4", name: "Nana Kwame", date: "Jul 2023", title: "Entrepreneur", quote: "Top tier furniture, excellent delivery.", tag: "Office Suite", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-couple-holding-house-plans_23-2148895456.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-organized-office-cabinet_482257-123679.jpg?_wi=3", imageAlt: "happy home owner portrait smiling"},
|
|
{
|
|
id: "t5", name: "Abena Osei", date: "Jun 2023", title: "Design Enthusiast", quote: "So sophisticated, simply beautiful.", tag: "Accent Decor", avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-women-working-as-wedding-planners_23-2150328559.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-interior-room-design-concept_23-2148786418.jpg?_wi=3", imageAlt: "happy home owner portrait smiling"},
|
|
]}
|
|
title="Client Stories"
|
|
description="Hear what our clients in Accra and beyond have to say about their experience with us."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Connect With Us"
|
|
description="Ready to transform your home? Get in touch with our design consultants 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,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Collections", items: [
|
|
{
|
|
label: "Living Room", href: "#products"},
|
|
{
|
|
label: "Dining Room", href: "#products"},
|
|
{
|
|
label: "Bedroom", href: "#products"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "FAQs", href: "#"},
|
|
{
|
|
label: "Delivery Policy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Danube Home Ghana. All rights reserved."
|
|
bottomRightText="Privacy Policy | Terms of Service"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|