222 lines
13 KiB
TypeScript
222 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Devices", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Support", id: "faq" },
|
|
]}
|
|
brandName="SmartSync"
|
|
button={{
|
|
text: "Explore Devices", href: "#products"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
background={{ variant: "plain" }}
|
|
title="Your Home, Smarter Every Day"
|
|
description="Automate comfort, security, and savings with devices that work together seamlessly. Start with one room or transform your entire home."
|
|
testimonials={[
|
|
{ name: "Alex R.", handle: "@alex_home", testimonial: "Transforming my home into a smart hub was the best investment ever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg" },
|
|
{ name: "Jordan P.", handle: "@techie_j", testimonial: "Security, comfort, and energy savings all in one app. Simply amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-phone_23-2148819888.jpg" },
|
|
{ name: "Sarah K.", handle: "@home_sarah", testimonial: "Automating lights and climate control saved me so much time every day.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg" },
|
|
{ name: "Mark D.", handle: "@mark_tech", testimonial: "Setup was incredibly simple. The devices work flawlessly together.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/headshot-fashionable-young-man-with-laptop-computer-using-high-speed-internet-connection-lunch-cozy-cafe-interior_273609-1945.jpg" },
|
|
{ name: "Elena V.", handle: "@elena_designs", testimonial: "Elegant design and top-notch security features. A must for any home.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/upper-angle-view-happy-beautiful-woman-holding-smartphone-sitting-home-having-break-from-work_1258-199926.jpg" },
|
|
]}
|
|
buttons={[{ text: "Explore Devices", href: "#products" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-living-room-with-large-windows-gray-sofa-tv_9975-33067.jpg?_wi=1"
|
|
imageAlt="smart home interior design living room"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216645.jpg", alt: "Young woman using home technology" },
|
|
{ src: "http://img.b2bpic.net/free-photo/smart-home-speaker_23-2152024171.jpg", alt: "Smart home speaker" },
|
|
{ src: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349264.jpg", alt: "Neon robot vacuum cleaner" },
|
|
{ src: "http://img.b2bpic.net/free-photo/modern-living-room-interior-with-large-tv-screen-displaying-home-automation-system_9975-33164.jpg", alt: "Modern living room interior with a large TV screen" },
|
|
{ src: "http://img.b2bpic.net/free-photo/people-interacting-with-ai-their-daily-lives_23-2151870996.jpg", alt: "People interacting with ai" },
|
|
]}
|
|
marqueeItems={[
|
|
{ type: "text", text: "Smart Automation" },
|
|
{ type: "text", text: "Energy Efficiency" },
|
|
{ type: "text", text: "Enhanced Security" },
|
|
{ type: "text", text: "Voice Control" },
|
|
{ type: "text", text: "Remote Access" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="The Future of Living"
|
|
description="We specialize in integrated home automation systems that prioritize ease, security, and energy efficiency. Our solutions are designed to adapt to your lifestyle without adding complexity."
|
|
metrics={[
|
|
{ value: "20%", title: "Energy Savings" },
|
|
{ value: "100+", title: "Compatible Brands" },
|
|
{ value: "50k+", title: "Homes Transformed" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-air-fryer_23-2151723520.jpg?_wi=1"
|
|
imageAlt="smart home thermostat wall interior"
|
|
mediaAnimation="blur-reveal"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Intelligent Climate", description: "Automated temperature adjustments for optimal comfort and saving.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg?_wi=1" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/specialist-conducting-server-auditing_482257-85121.jpg?_wi=1" }
|
|
},
|
|
{
|
|
title: "Advanced Security", description: "Stay protected with real-time alerts and smart lock management.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-holding-smartphone-with-lighting-control-application-turning-lights-sitting-kitchen-house-with-automation-lighting-system-person-using-smart-home-software-working-remote-laptop_482257-16243.jpg" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/male-holding-mobile-with-lighting-controlling-app-sitting-kitchen_482257-7527.jpg" }
|
|
},
|
|
{
|
|
title: "Smart Illumination", description: "Adaptive lighting scenes that match your mood and schedule.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671597.jpg" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone-turning-light-using-voice-activated-application_482257-2271.jpg" }
|
|
},
|
|
]}
|
|
showStepNumbers={true}
|
|
title="Seamlessly Connected"
|
|
description="Control your environment with intelligence that anticipates your needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Lumina Systems", "Global Home", "TechVision", "SmartGuard", "ElectroTech", "HomeWise", "Innovate Smart"]}
|
|
title="Trusted by Leaders"
|
|
description="Our devices are backed by the most reliable partnerships in home technology."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Smart LED Bulb", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-light-lamp_1339-3597.jpg" },
|
|
{ id: "p2", name: "Motion Sensor Pro", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/home-automation-with-camera-table_23-2148994156.jpg" },
|
|
{ id: "p3", name: "Energy Plug", price: "$19.99", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216651.jpg" },
|
|
{ id: "p4", name: "Video Doorbell", price: "$149.99", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-ponytail-attaching-gadget-vertical-surface_259150-57480.jpg" },
|
|
{ id: "p5", name: "Safety Monitor", price: "$39.99", imageSrc: "http://img.b2bpic.net/free-photo/smoke-carbon-monoxide-alarm-isolated-white-background_181624-25801.jpg" },
|
|
{ id: "p6", name: "Smart Lock Gen2", price: "$199.99", imageSrc: "http://img.b2bpic.net/free-photo/side-view-beautiful-young-woman-concentrated-attaching-tablet-wall_259150-57479.jpg" },
|
|
]}
|
|
title="Our Device Collection"
|
|
description="High-performance smart home devices curated for efficiency and design."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Driving Results Daily"
|
|
tag="Performance Stats"
|
|
metrics={[
|
|
{ id: "m1", value: "15%", description: "Lower energy costs" },
|
|
{ id: "m2", value: "24/7", description: "Security uptime" },
|
|
{ id: "m3", value: "99%", description: "Compatibility rate" },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Alex R.", handle: "@alex_home", testimonial: "Seamless connectivity across all my smart devices.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-working-tools_1134-67.jpg", imageAlt: "brand logo minimal" },
|
|
{ id: "2", name: "Jordan P.", handle: "@techie_j", testimonial: "The best automation platform for modern living.", imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-with-large-windows-gray-sofa-tv_9975-33067.jpg?_wi=2", imageAlt: "brand logo minimal" },
|
|
{ id: "3", name: "Sarah K.", handle: "@home_sarah", testimonial: "Reduced my electricity bills noticeably in just one month.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-air-fryer_23-2151723520.jpg?_wi=2", imageAlt: "brand logo minimal" },
|
|
{ id: "4", name: "Mark D.", handle: "@mark_tech", testimonial: "Easy installation, robust features, highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg?_wi=2", imageAlt: "brand logo minimal" },
|
|
{ id: "5", name: "Elena V.", handle: "@elena_designs", testimonial: "Beautiful design, fits perfectly in any interior style.", imageSrc: "http://img.b2bpic.net/free-photo/specialist-conducting-server-auditing_482257-85121.jpg?_wi=2", imageAlt: "brand logo minimal" },
|
|
]}
|
|
title="What Our Users Say"
|
|
description="Experience excellence through the eyes of those who trust our smart ecosystem."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "Are these devices compatible with other brands?", content: "Yes, we support integration with leading automation platforms like Alexa, Google Home, and Apple HomeKit." },
|
|
{ id: "f2", title: "Do I need professional installation?", content: "Most of our devices are designed for easy DIY setup with step-by-step guides provided in the app." },
|
|
{ id: "f3", title: "Can I monitor my home remotely?", content: "Absolutely, the central app allows full monitoring and control from anywhere in the world." },
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about our products and services."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Let's Get Started"
|
|
description="Ready to transform your living experience? Get in touch today for a free consultation or personalized device recommendations."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name" },
|
|
{ name: "email", type: "email", placeholder: "Your Email" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712893.jpg"
|
|
mediaPosition="right"
|
|
imageAlt="smart home design architectural"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="SmartSync"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|