bender/e367dbf0-a78d-49d8-967f-e6b0abdc5ade
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-20 13:33:10 +00:00
parent 126b09cb5a
commit 2f647b98b8
1 changed files with 55 additions and 279 deletions
Download Patch File Download Diff File Expand all files Collapse all files

334
src/app/page.tsx
View File

@@ -32,126 +32,45 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Devices",
id: "products",
},
{
name: "About",
id: "about",
},
{
name: "Support",
id: "faq",
},
{ name: "Home", id: "hero" },
{ name: "Devices", id: "products" },
{ name: "About", id: "about" },
{ name: "Support", id: "faq" },
]}
brandName="SmartSync"
button={{
text: "Explore Devices",
href: "#products",
}}
text: "Explore Devices", href: "#products"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "plain",
}}
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",
},
{ 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"
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"
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",
},
{ 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",
},
{ 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>
@@ -162,20 +81,11 @@ export default function LandingPage() {
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",
},
{ 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"
imageSrc="http://img.b2bpic.net/free-photo/close-up-air-fryer_23-2151723520.jpg"
imageAlt="smart home thermostat wall interior"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
@@ -189,40 +99,16 @@ export default function LandingPage() {
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",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-with-large-windows-gray-sofa-tv_9975-33067.jpg?_wi=2",
imageAlt: "smart home app mobile UI",
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" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/specialist-conducting-server-auditing_482257-85121.jpg" }
},
{
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",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-air-fryer_23-2151723520.jpg?_wi=2",
imageAlt: "smart home app mobile UI",
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",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-light-lamp_1339-3597.jpg?_wi=1",
imageAlt: "smart home app mobile UI",
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}
@@ -236,14 +122,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Lumina Systems",
"Global Home",
"TechVision",
"SmartGuard",
"ElectroTech",
"HomeWise",
"Innovate Smart",
]}
"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."
/>
@@ -256,42 +135,12 @@ export default function LandingPage() {
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?_wi=2",
},
{
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",
},
{ 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."
@@ -304,21 +153,9 @@ export default function LandingPage() {
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",
},
{ 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"
/>
@@ -330,46 +167,11 @@ export default function LandingPage() {
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=3",
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=3",
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",
},
{ 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", 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", 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", 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", imageAlt: "brand logo minimal" },
]}
title="What Our Users Say"
description="Experience excellence through the eyes of those who trust our smart ecosystem."
@@ -381,21 +183,9 @@ export default function LandingPage() {
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.",
},
{ 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."
@@ -409,16 +199,8 @@ export default function LandingPage() {
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",
},
{ 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"
@@ -429,14 +211,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="SmartSync"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>