394 lines
15 KiB
TypeScript
394 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
|
|
import FooterSocial from '@/components/sections/footer/FooterSocial';
|
|
import { Zap, Lightbulb, Eye, CheckCircle, Users, Twitter, Facebook, Instagram, Linkedin } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="sharp"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="radialGradient"
|
|
cardStyle="elevated-accent-light"
|
|
primaryButtonStyle="layered-depth"
|
|
secondaryButtonStyle="minimal"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="SmartHome Pro"
|
|
button={{
|
|
text: "Get Started",
|
|
href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="The Future of Home Automation"
|
|
description="Transform your living space with intelligent automation. Control lighting, temperature, security, and entertainment from anywhere in the world."
|
|
tag="Smart Living"
|
|
tagIcon={Zap}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105729262-fy7hy66s.jpg"
|
|
imageAlt="Modern smart home with automation technology"
|
|
buttons={[
|
|
{
|
|
text: "Explore Solutions",
|
|
href: "features"
|
|
},
|
|
{
|
|
text: "Schedule Demo",
|
|
href: "contact"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
title="How Smart Automation Works"
|
|
description="Follow our proven process to transform your home into an intelligent living space"
|
|
tag="Process"
|
|
tagIcon={Lightbulb}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "System Design & Planning",
|
|
description: "Our experts assess your home layout, electrical systems, and lifestyle needs to create a customized automation blueprint tailored to your specific requirements.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105730605-f7lz85oj.jpg"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Professional Installation",
|
|
description: "Certified technicians install and integrate smart devices including lighting systems, thermostats, locks, and security cameras with minimal disruption.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105731567-xtsxd88i.jpg"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Configuration & Testing",
|
|
description: "We configure all systems, set up automation routines, and thoroughly test every device to ensure seamless operation and reliability.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105732455-m5skwfdi.jpg"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Smart Home Devices"
|
|
description="Industry-leading automation devices engineered for reliability and ease of use"
|
|
tag="Available Now"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Smart Hub Pro",
|
|
price: "$299",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105735033-x2wteczy.jpg",
|
|
imageAlt: "Central smart home hub for device coordination"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "LED Color System",
|
|
price: "$149",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105730605-f7lz85oj.jpg",
|
|
imageAlt: "Smart LED bulbs with color control"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Intelligent Thermostat",
|
|
price: "$199",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105735905-70o4rkdh.jpg",
|
|
imageAlt: "Smart temperature control device"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSix
|
|
title="Why Choose Smart Automation"
|
|
description="Proven results from thousands of automated homes worldwide"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "45%",
|
|
title: "Energy Savings - Average reduction in energy costs"
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "24/7",
|
|
title: "Monitoring - Remote home control and monitoring"
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "98%",
|
|
title: "Uptime - System reliability and performance"
|
|
},
|
|
{
|
|
id: "4",
|
|
value: "15K+",
|
|
title: "Users - Happy customers automated"
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Customer Success Stories"
|
|
description="See how smart home automation is changing the way people live"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
title: "Transformed my daily routine",
|
|
quote: "The installation was seamless and the support team was incredibly helpful. My energy bills dropped significantly and controlling everything from my phone is game-changing.",
|
|
name: "Sarah Johnson",
|
|
role: "Homeowner, Seattle",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg"
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "More than skeptical, now convinced",
|
|
quote: "I was skeptical about smart homes until I experienced this system. The automation routines save me hours every week and the security features give me peace of mind.",
|
|
name: "Michael Chen",
|
|
role: "Tech Executive, San Francisco",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg"
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Perfect for the whole family",
|
|
quote: "Perfect for families. The kids can control lights and temperature, guests can be given access automatically, and everything just works. Highly recommended.",
|
|
name: "Emily Rodriguez",
|
|
role: "Family of Four, Austin",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163677896-h7vfowg5.jpg"
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Travel with complete peace of mind",
|
|
quote: "Gave me complete control of my home while traveling. Security cameras, door locks, and climate control all in one app. Best investment I've made.",
|
|
name: "David Kim",
|
|
role: "Empty Nester, Los Angeles",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg"
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Intelligent automation at its finest",
|
|
quote: "The technical integration is flawless. Unlike other systems, this one actually learns your habits and makes intelligent suggestions for optimization.",
|
|
name: "Jessica Martinez",
|
|
role: "Smart Home Enthusiast, Miami",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg"
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "A competitive advantage in real estate",
|
|
quote: "We've installed this in all our new builds. Buyers love the modern automation features and it gives us a competitive edge in the market.",
|
|
name: "Robert Thompson",
|
|
role: "Real Estate Developer, Boston",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320181151-p24uxfcb.jpg"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Common Questions"
|
|
description="Everything you need to know about smart home automation systems"
|
|
tag="Help & Support"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What devices can be automated in my home?",
|
|
content: "Our systems support lighting, thermostats, door locks, security cameras, blinds, entertainment systems, appliances, and more. We work with industry-standard protocols to ensure broad compatibility."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "How secure is a smart home system?",
|
|
content: "Security is our top priority. All systems use military-grade encryption, regular security updates, two-factor authentication, and local processing to protect your privacy and data."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Will it work if the internet goes down?",
|
|
content: "Yes. Critical functions like lighting and door locks operate locally even without internet. You'll lose remote access temporarily, but your home continues to function normally."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "How long does installation take?",
|
|
content: "Most installations take 2-5 days depending on your home size and complexity. We work around your schedule and clean up after ourselves. Minimal disruption guaranteed."
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Can I expand the system later?",
|
|
content: "Absolutely. Our modular design allows you to add devices and features anytime. Start with essentials and grow your automation ecosystem at your own pace."
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "What's the ongoing cost?",
|
|
content: "Just device costs and optional professional monitoring. No subscription fees required for basic automation. Premium features are available but completely optional."
|
|
}
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105733615-xo8afw3c.jpg"
|
|
imageAlt="Smart home automation technology"
|
|
mediaPosition="left"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenterForm
|
|
title="Start Your Smart Home Journey"
|
|
description="Get in touch with our automation specialists to discuss your requirements and schedule a personalized demonstration."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Full Name",
|
|
required: true
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Email Address",
|
|
required: true
|
|
},
|
|
{
|
|
name: "phone",
|
|
type: "tel",
|
|
placeholder: "Phone Number",
|
|
required: true
|
|
}
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Tell us about your home automation goals and current setup...",
|
|
rows: 5,
|
|
required: true
|
|
}}
|
|
useInvertedBackground="noInvert"
|
|
buttonText="Request Consultation"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSocial
|
|
logoText="SmartHome Pro"
|
|
columns={[
|
|
{
|
|
title: "Products",
|
|
items: [
|
|
{
|
|
label: "Smart Hub",
|
|
href: "products"
|
|
},
|
|
{
|
|
label: "Lighting",
|
|
href: "products"
|
|
},
|
|
{
|
|
label: "Climate Control",
|
|
href: "products"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Solutions",
|
|
items: [
|
|
{
|
|
label: "Home Automation",
|
|
href: "features"
|
|
},
|
|
{
|
|
label: "Energy Management",
|
|
href: "features"
|
|
},
|
|
{
|
|
label: "Security Systems",
|
|
href: "features"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "about"
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "contact"
|
|
},
|
|
{
|
|
label: "Support",
|
|
href: "faq"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "privacy"
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "terms"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
socialLinks={[
|
|
{
|
|
icon: Twitter,
|
|
href: "https://twitter.com",
|
|
ariaLabel: "Twitter"
|
|
},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com",
|
|
ariaLabel: "Facebook"
|
|
},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com",
|
|
ariaLabel: "Instagram"
|
|
},
|
|
{
|
|
icon: Linkedin,
|
|
href: "https://linkedin.com",
|
|
ariaLabel: "LinkedIn"
|
|
}
|
|
]}
|
|
copyrightText="© SmartHome Pro, Inc. 2025"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |