Initial commit
This commit is contained in:
397
src/app/page.tsx
Normal file
397
src/app/page.tsx
Normal file
@@ -0,0 +1,397 @@
|
||||
"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%",
|
||||
tag: "Energy Savings",
|
||||
tagIcon: Zap,
|
||||
title: "Average reduction in energy costs"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "24/7",
|
||||
tag: "Monitoring",
|
||||
tagIcon: Eye,
|
||||
title: "Remote home control and monitoring"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
tag: "Uptime",
|
||||
tagIcon: CheckCircle,
|
||||
title: "System reliability and performance"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "15K+",
|
||||
tag: "Users",
|
||||
tagIcon: Users,
|
||||
title: "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",
|
||||
name: "Sarah Johnson",
|
||||
role: "Homeowner, Seattle",
|
||||
testimonial: "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.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Tech Executive, San Francisco",
|
||||
testimonial: "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.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Family of Four, Austin",
|
||||
testimonial: "Perfect for families. The kids can control lights and temperature, guests can be given access automatically, and everything just works. Highly recommended.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163677896-h7vfowg5.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Empty Nester, Los Angeles",
|
||||
testimonial: "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.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Martinez",
|
||||
role: "Smart Home Enthusiast, Miami",
|
||||
testimonial: "The technical integration is flawless. Unlike other systems, this one actually learns your habits and makes intelligent suggestions for optimization.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Robert Thompson",
|
||||
role: "Real Estate Developer, Boston",
|
||||
testimonial: "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.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320181151-p24uxfcb.jpg"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user