222 lines
10 KiB
TypeScript
222 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Award, CheckCircle, Globe, Shield, Sparkles, Zap, Facebook, Instagram, Twitter } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Outdoor Living", id: "#products"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Dozti Outdoor"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Elevate Your Outdoor Sanctuary."
|
|
description="At Dozti, we craft premium outdoor furniture designed to transform your patio into a timeless retreat of comfort and elegance."
|
|
tag="Luxury Outdoor Living"
|
|
buttons={[
|
|
{
|
|
text: "Shop Furniture", href: "#products"},
|
|
{
|
|
text: "Our Story", href: "#about"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/still-life-refillable-reusable-container_23-2150936070.jpg?_wi=1"
|
|
imageAlt="artisanal craft materials macro shot"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="Our Mission"
|
|
title="Crafting Comfort Under the Open Sky"
|
|
description="Dozti brings craftsmanship to your backyard. We believe outdoor spaces should be as comfortable and inviting as your living room."
|
|
subdescription="Every piece is meticulously constructed using weather-resistant materials to ensure your outdoor oasis lasts for seasons to come."
|
|
icon={Sparkles}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-woman-makes-pottery-workshop_1157-24746.jpg"
|
|
imageAlt="artisan working in bright modern studio"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBorderGlow
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: Award,
|
|
title: "Weather-Proof Design", description: "Engineered to withstand sun, rain, and snow while maintaining peak aesthetic appeal."},
|
|
{
|
|
icon: Shield,
|
|
title: "Premium Durability", description: "Constructed from high-grade, sustainable materials for maximum longevity."},
|
|
{
|
|
icon: Zap,
|
|
title: "Ergonomic Comfort", description: "Thoughtfully designed curves and cushions for the ultimate lounging experience."},
|
|
{
|
|
icon: CheckCircle,
|
|
title: "Lifetime Quality", description: "We stand by our craftsmanship with a commitment to long-term patio beauty."},
|
|
{
|
|
icon: Globe,
|
|
title: "Modern Aesthetics", description: "Designed to elevate any outdoor setting, from minimalist balconies to garden estates."},
|
|
]}
|
|
title="Why Choose Dozti Outdoor?"
|
|
description="We don't just create furniture; we cultivate meaningful outdoor living experiences."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Teak Lounge Chair", price: "$489", imageSrc: "http://img.b2bpic.net/free-photo/close-up-vintage-suitcase-floor_23-2148610419.jpg"},
|
|
{
|
|
id: "p2", name: "All-Weather Bistro Set", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-vase-design_23-2150529758.jpg"},
|
|
{
|
|
id: "p3", name: "Outdoor Woven Hammock", price: "$265", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wine-stain-detail_23-2149641678.jpg"},
|
|
{
|
|
id: "p4", name: "Concrete Side Table", price: "$145", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186750.jpg"},
|
|
{
|
|
id: "p5", name: "Patio Fire Pit", price: "$695", imageSrc: "http://img.b2bpic.net/free-photo/eid-pods-with-coffee-cups-front-view-white-background_187299-39149.jpg"},
|
|
{
|
|
id: "p6", name: "Garden Lantern Set", price: "$130", imageSrc: "http://img.b2bpic.net/free-photo/knolling-concept-with-sticky-notes-accessories-green-shades_23-2148362185.jpg"},
|
|
]}
|
|
title="Curated Collections"
|
|
description="Our premium selection of outdoor furnishings built for style and endurance."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "basic", title: "Patio Starter", price: "$99", period: "/season", features: [
|
|
"Maintenance kits included", "Seasonal care guides", "Priority delivery"],
|
|
button: {
|
|
text: "Start Setup"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/rain-falling-around-candle_23-2147785890.jpg", imageAlt: "handcrafted icon golden light"},
|
|
{
|
|
id: "pro", title: "Garden Pro", price: "$249", period: "/season", features: [
|
|
"Everything in Patio Starter", "15% off new arrivals", "Personal design consultation"],
|
|
button: {
|
|
text: "Get Professional"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-refillable-reusable-container_23-2150936070.jpg?_wi=2", imageAlt: "handcrafted icon golden light"},
|
|
]}
|
|
title="Outdoor Membership"
|
|
description="Join our community to receive professional care guidance and exclusive furniture discounts."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Miller", handle: "@sarahm", testimonial: "My patio looks like a luxury resort now. The teak quality is truly amazing.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg"},
|
|
{
|
|
id: "2", name: "David Chen", handle: "@dchen", testimonial: "Dozti made styling my balcony so easy. Highly recommend their bistro sets!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-sitting-chair_23-2149241411.jpg"},
|
|
{
|
|
id: "3", name: "Emily Rose", handle: "@erose", testimonial: "This fire pit set is the highlight of my backyard gatherings. Simply stunning.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14379.jpg"},
|
|
]}
|
|
showRating={true}
|
|
title="Our Community Says"
|
|
description="Hear from homeowners who have transformed their outdoor spaces with Dozti."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How does your furniture handle extreme weather?", content: "All our furniture undergoes rigorous testing for weather resistance and UV protection, ensuring year-round durability."},
|
|
{
|
|
id: "2", title: "What is your shipping policy for large items?", content: "We provide white-glove shipping for all large furniture items to ensure they reach your yard in perfect condition."},
|
|
{
|
|
id: "3", title: "Do you offer custom patio planning?", content: "Yes! We offer virtual and in-person consultations to help you design the perfect outdoor setup for your unique space."},
|
|
]}
|
|
title="Questions? We have answers."
|
|
description="Find everything you need to know about our outdoor collections, care, and shipping programs."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Plan Your Oasis"
|
|
description="Sign up for our seasonal catalog and get early access to exclusive furniture drops."
|
|
buttonText="Sign Up"
|
|
tag="Join the Newsletter"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Dozti Outdoor"
|
|
socialLinks={[
|
|
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
|
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
|
{ icon: Twitter, href: "#", ariaLabel: "Twitter" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|