310 lines
9.4 KiB
TypeScript
310 lines
9.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="aurora"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Products",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Features",
|
|
id: "features",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "testimonials",
|
|
},
|
|
]}
|
|
brandName="Dyson Store"
|
|
button={{
|
|
text: "Shop Now",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
logoText="Dyson Engineering"
|
|
description="Redefining technology. Explore the latest in vacuuming, hair care, and air purification excellence."
|
|
buttons={[
|
|
{
|
|
text: "Shop Collections",
|
|
href: "#products",
|
|
},
|
|
{
|
|
text: "Learn More",
|
|
href: "#features",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/electric-blender-mixer-juicer-set_140725-7264.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
brand: "Dyson",
|
|
name: "V15 Detect",
|
|
price: "$749",
|
|
rating: 5,
|
|
reviewCount: "1.2k",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-house-work-with-rechargeable-vacuum-cleaner_1303-30057.jpg",
|
|
},
|
|
{
|
|
id: "p2",
|
|
brand: "Dyson",
|
|
name: "Airwrap",
|
|
price: "$599",
|
|
rating: 5,
|
|
reviewCount: "3.5k",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-blurred-background_23-2148253621.jpg",
|
|
},
|
|
{
|
|
id: "p3",
|
|
brand: "Dyson",
|
|
name: "Purifier Cool",
|
|
price: "$649",
|
|
rating: 4,
|
|
reviewCount: "890",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-with-cat_23-2149395798.jpg",
|
|
},
|
|
{
|
|
id: "p4",
|
|
brand: "Dyson",
|
|
name: "Corrale",
|
|
price: "$499",
|
|
rating: 5,
|
|
reviewCount: "2.1k",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150083997.jpg",
|
|
},
|
|
{
|
|
id: "p5",
|
|
brand: "Dyson",
|
|
name: "Supersonic",
|
|
price: "$429",
|
|
rating: 5,
|
|
reviewCount: "5.6k",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-eco-friendly-cleaning-products-with-baking-soda-brushes_23-2148818459.jpg",
|
|
},
|
|
{
|
|
id: "p6",
|
|
brand: "Dyson",
|
|
name: "Zone Headphones",
|
|
price: "$949",
|
|
rating: 4,
|
|
reviewCount: "430",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-futuristic-portrait_23-2151178928.jpg",
|
|
},
|
|
]}
|
|
title="Engineered for Performance"
|
|
description="Discover our signature line of high-performance appliances."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Digital Motor V15",
|
|
description: "High-powered motor that spins up to 125,000rpm for superior suction.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/spare-part-engine-water-pump-isolated-white_627829-7509.jpg",
|
|
},
|
|
{
|
|
title: "HEPA Filtration",
|
|
description: "Captures 99.97% of particles as small as 0.3 microns for clean air output.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170098.jpg",
|
|
},
|
|
{
|
|
title: "Intelligent Sensing",
|
|
description: "Automated power adjustment based on floor type and debris density levels.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg",
|
|
},
|
|
]}
|
|
title="Innovation Built-in"
|
|
description="Precision engineering meets intuitive design."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Alex Rivier",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5055.jpg",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Elena Moss",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "John Doe",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-sushi-park-picnic-nature_169016-22796.jpg",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Sarah Lee",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-merry-happy-caucasian-young-woman-with-appealing-appearance-looks-joyfully-aside-notices-free-space_273609-23465.jpg",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Mike Smith",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-with-blue-eyes-wearing-striped-shirt-glasses-blue-background-winking-looking-camera-with-sexy-expression-cheerful-happy-face_839833-34452.jpg",
|
|
},
|
|
]}
|
|
cardTitle="Loved by Millions"
|
|
cardTag="Testimonials"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about our latest technology."
|
|
faqsAnimation="slide-up"
|
|
mediaAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/electric-blender-mixer-juicer-set_140725-7264.jpg?_wi=2"
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "What is the warranty period?",
|
|
content: "All our products come with a standard 2-year warranty covering manufacturing defects.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Do you ship internationally?",
|
|
content: "Yes, we ship to over 50 countries worldwide with dedicated support.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "How do I maintain my device?",
|
|
content: "Regular maintenance guides are included in the box and available on our support site.",
|
|
},
|
|
{
|
|
id: "f4",
|
|
title: "Can I return my purchase?",
|
|
content: "We offer a 30-day hassle-free return policy for all items purchased through our store.",
|
|
},
|
|
{
|
|
id: "f5",
|
|
title: "How do I contact customer support?",
|
|
content: "You can reach our dedicated support team via live chat or email 24/7.",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Shop",
|
|
items: [
|
|
{
|
|
label: "Vacuums",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Hair Care",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Air Treatment",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "Warranty",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Contact Us",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "FAQ",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Technology",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Dyson"
|
|
copyrightText="© 2025 Dyson Operations"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|