Update src/app/page.tsx

This commit is contained in:
2026-06-03 08:49:52 +00:00
parent 71effd00a7
commit 7a6a7f2cbc

View File

@@ -34,45 +34,27 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Features", name: "Features", id: "#features"},
id: "#features",
},
{ {
name: "Products", name: "Products", id: "#products"},
id: "#products",
},
{ {
name: "Pricing", name: "Pricing", id: "#pricing"},
id: "#pricing",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
logoSrc="http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627914.jpg" logoSrc="http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627914.jpg"
logoAlt="SmartGlass Solutions Logo" logoAlt="SmartGlass Solutions Logo"
brandName="SmartGlass Solutions" brandName="SmartGlass Solutions"
button={{ button={{
text: "Request a Quote", text: "Request a Quote", href: "#contact"}}
href: "#contact",
}}
animateOnLoad={true} animateOnLoad={true}
/> />
</div> </div>
@@ -80,42 +62,21 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{
variant: "downward-rays-animated", variant: "downward-rays-animated"}}
}}
title="Transform Your Space with SmartGlass & PDLC Films" title="Transform Your Space with SmartGlass & PDLC Films"
description="Experience instant privacy, enhanced energy efficiency, and dynamic control over light. Our cutting-edge SmartGlass and PDLC films bring innovation to your home or office." description="Experience instant privacy, enhanced energy efficiency, and dynamic control over light. Our cutting-edge SmartGlass and PDLC films bring innovation to your home or office."
tag="Innovative | Adaptive | Intelligent" tag="Innovative | Adaptive | Intelligent"
buttons={[ buttons={[
{ {
text: "Explore Products", text: "Explore Products", href: "#products"},
href: "#products",
},
{ {
text: "Get a Quote", text: "Get a Quote", href: "#contact"},
href: "#contact",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/urban-scene-skyline-morning-view-metropolis-concept_53876-16154.jpg", imageSrc: "http://img.b2bpic.net/free-photo/urban-scene-skyline-morning-view-metropolis-concept_53876-16154.jpg", imageAlt: "Modern office with smart glass showing transparent and opaque states"},
imageAlt: "Modern office with smart glass showing transparent and opaque states",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/man-scanning-palm-virtual-interface-screen_53876-97059.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-scanning-palm-virtual-interface-screen_53876-97059.jpg", imageAlt: "Hand touching a smart glass panel, illustrating interaction"}
imageAlt: "Hand touching a smart glass panel, illustrating interaction",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/businessman-talking_23-2147996584.jpg",
imageAlt: "Businessman talking",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/working-call_1098-12851.jpg",
imageAlt: "Working call",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-portrait-businesswoman_23-2148139893.jpg",
imageAlt: "Lifestyle portrait of businesswoman",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
rating={5} rating={5}
@@ -128,26 +89,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
heading={[ heading={[
{ {
type: "text", type: "text", content: "What is "},
content: "What is ",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627914.jpg", alt: "SmartGlass Solutions Logo"},
src: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627914.jpg",
alt: "SmartGlass Solutions Logo",
},
{ {
type: "text", type: "text", content: " SmartGlass?"},
content: " SmartGlass?",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Learn More", text: "Learn More", href: "#features"},
href: "#features",
},
]} ]}
description="SmartGlass Solutions is at the forefront of switchable glass technology. We provide innovative SmartGlass and PDLC film products that offer on-demand privacy, superior energy efficiency, and dynamic spatial control for both residential and commercial applications. Discover how our cutting-edge solutions can enhance your environment."
/> />
</div> </div>
@@ -157,29 +108,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
tag: "Privacy on Demand", tag: "Privacy on Demand", title: "Instant Privacy Control", subtitle: "Switch from transparent to opaque instantly.", description: "With a flick of a switch or a tap on your device, our smartglass and PDLC films provide immediate privacy, transforming open spaces into secluded environments.", imageSrc: "http://img.b2bpic.net/free-photo/modern-building-facade-with-vertical-panels-reflective-surfaces_23-2152032141.jpg", imageAlt: "Smartglass providing instant privacy in a modern home"},
title: "Instant Privacy Control",
subtitle: "Switch from transparent to opaque instantly.",
description: "With a flick of a switch or a tap on your device, our smartglass and PDLC films provide immediate privacy, transforming open spaces into secluded environments.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-facade-with-vertical-panels-reflective-surfaces_23-2152032141.jpg",
imageAlt: "Smartglass providing instant privacy in a modern home",
},
{ {
tag: "Energy Smart", tag: "Energy Smart", title: "Enhanced Energy Efficiency", subtitle: "Reduce heating and cooling costs.", description: "By blocking UV and IR rays, SmartGlass helps maintain optimal indoor temperatures, leading to significant energy savings and a reduced carbon footprint.", imageSrc: "http://img.b2bpic.net/free-photo/woman-office-working-environment-project-close-up_23-2148894118.jpg", imageAlt: "Energy efficient building with smartglass facade"},
title: "Enhanced Energy Efficiency",
subtitle: "Reduce heating and cooling costs.",
description: "By blocking UV and IR rays, SmartGlass helps maintain optimal indoor temperatures, leading to significant energy savings and a reduced carbon footprint.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-office-working-environment-project-close-up_23-2148894118.jpg",
imageAlt: "Energy efficient building with smartglass facade",
},
{ {
tag: "Dynamic Displays", tag: "Dynamic Displays", title: "Projection & Whiteboard Capabilities", subtitle: "Convert surfaces into interactive screens.", description: "Our films double as high-definition projection screens or whiteboards, perfect for presentations, advertising, or creative collaboration in any setting.", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884885.jpg", imageAlt: "Smartglass panel used as a projection screen in a retail environment"},
title: "Projection & Whiteboard Capabilities",
subtitle: "Convert surfaces into interactive screens.",
description: "Our films double as high-definition projection screens or whiteboards, perfect for presentations, advertising, or creative collaboration in any setting.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884885.jpg",
imageAlt: "Smartglass panel used as a projection screen in a retail environment",
},
]} ]}
title="Unleash the Power of SmartGlass" title="Unleash the Power of SmartGlass"
description="Discover the core benefits that make our smartglass and PDLC films an indispensable asset for modern living and working." description="Discover the core benefits that make our smartglass and PDLC films an indispensable asset for modern living and working."
@@ -195,53 +128,17 @@ export default function LandingPage() {
carouselMode="buttons" carouselMode="buttons"
products={[ products={[
{ {
id: "prod-1", id: "prod-1", name: "SmartGlass Panels", price: "Starting at $150/sq ft", variant: "Custom Sizes Available", imageSrc: "http://img.b2bpic.net/free-photo/windows-contemporary-office-building_1127-2211.jpg", imageAlt: "Custom smartglass panel"},
name: "SmartGlass Panels",
price: "Starting at $150/sq ft",
variant: "Custom Sizes Available",
imageSrc: "http://img.b2bpic.net/free-photo/windows-contemporary-office-building_1127-2211.jpg",
imageAlt: "Custom smartglass panel",
},
{ {
id: "prod-2", id: "prod-2", name: "PDLC Adhesive Films", price: "Starting at $90/sq ft", variant: "Rolls & Pre-cut Sheets", imageSrc: "http://img.b2bpic.net/free-photo/perfectly-organized-bakery-products_23-2150168246.jpg", imageAlt: "Roll of PDLC adhesive film"},
name: "PDLC Adhesive Films",
price: "Starting at $90/sq ft",
variant: "Rolls & Pre-cut Sheets",
imageSrc: "http://img.b2bpic.net/free-photo/perfectly-organized-bakery-products_23-2150168246.jpg",
imageAlt: "Roll of PDLC adhesive film",
},
{ {
id: "prod-3", id: "prod-3", name: "DIY Installation Kit", price: "$299", variant: "Includes all tools", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974241.jpg", imageAlt: "DIY PDLC film installation kit"},
name: "DIY Installation Kit",
price: "$299",
variant: "Includes all tools",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974241.jpg",
imageAlt: "DIY PDLC film installation kit",
},
{ {
id: "prod-4", id: "prod-4", name: "Wireless SmartGlass Controller", price: "$120", variant: "App & Remote Control", imageSrc: "http://img.b2bpic.net/free-photo/sound-button-closeup-laptop-keyboard_169016-62909.jpg", imageAlt: "Sleek wireless smartglass controller"},
name: "Wireless SmartGlass Controller",
price: "$120",
variant: "App & Remote Control",
imageSrc: "http://img.b2bpic.net/free-photo/sound-button-closeup-laptop-keyboard_169016-62909.jpg",
imageAlt: "Sleek wireless smartglass controller",
},
{ {
id: "prod-5", id: "prod-5", name: "Curved SmartGlass Solutions", price: "Custom Quote", variant: "Unique Architectural Designs", imageSrc: "http://img.b2bpic.net/free-photo/businessman-video-conferening_23-2148738280.jpg", imageAlt: "Curved smartglass panels in a modern interior"},
name: "Curved SmartGlass Solutions",
price: "Custom Quote",
variant: "Unique Architectural Designs",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-video-conferening_23-2148738280.jpg",
imageAlt: "Curved smartglass panels in a modern interior",
},
{ {
id: "prod-6", id: "prod-6", name: "Automotive Smart Window Film", price: "Starting at $250/window", variant: "Vehicle Specific Cuts", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065434.jpg", imageAlt: "Smartglass in a luxury car window"},
name: "Automotive Smart Window Film",
price: "Starting at $250/window",
variant: "Vehicle Specific Cuts",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065434.jpg",
imageAlt: "Smartglass in a luxury car window",
},
]} ]}
title="Our Innovative Product Lineup" title="Our Innovative Product Lineup"
description="Explore our range of SmartGlass and PDLC film solutions designed for diverse applications, from residential privacy to commercial displays." description="Explore our range of SmartGlass and PDLC film solutions designed for diverse applications, from residential privacy to commercial displays."
@@ -255,61 +152,25 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
plans={[ plans={[
{ {
id: "basic-install", id: "basic-install", tag: "Residential", tagIcon: Home,
tag: "Residential", price: "$99", period: "/ sq ft (film only)", description: "Perfect for homeowners seeking modern privacy solutions and basic energy efficiency.", button: {
tagIcon: Home, text: "Get Film Only", href: "#contact"},
price: "$99", featuresTitle: "Includes:", features: [
period: "/ sq ft (film only)", "PDLC Adhesive Film", "Standard Controller", "DIY Installation Guide"],
description: "Perfect for homeowners seeking modern privacy solutions and basic energy efficiency.",
button: {
text: "Get Film Only",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"PDLC Adhesive Film",
"Standard Controller",
"DIY Installation Guide",
],
}, },
{ {
id: "pro-install", id: "pro-install", tag: "Commercial", tagIcon: Building,
tag: "Commercial", price: "$180", period: "/ sq ft (installed)", description: "Ideal for businesses, offices, and larger projects requiring professional installation and advanced features.", button: {
tagIcon: Building, text: "Request Pro Install", href: "#contact"},
price: "$180", featuresTitle: "Includes:", features: [
period: "/ sq ft (installed)", "SmartGlass Panels/Film", "Professional Installation", "Advanced Control System", "2-Year Warranty"],
description: "Ideal for businesses, offices, and larger projects requiring professional installation and advanced features.",
button: {
text: "Request Pro Install",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"SmartGlass Panels/Film",
"Professional Installation",
"Advanced Control System",
"2-Year Warranty",
],
}, },
{ {
id: "enterprise-custom", id: "enterprise-custom", tag: "Enterprise", tagIcon: Briefcase,
tag: "Enterprise", price: "Custom", period: "Project-based", description: "Tailored solutions for large-scale architectural projects, unique designs, and specialized industry needs.", button: {
tagIcon: Briefcase, text: "Contact for Quote", href: "#contact"},
price: "Custom", featuresTitle: "Includes:", features: [
period: "Project-based", "Full Design Consultation", "Bespoke Glass/Film Production", "Integrated Automation Systems", "Dedicated Project Manager", "Extended Warranty & Support"],
description: "Tailored solutions for large-scale architectural projects, unique designs, and specialized industry needs.",
button: {
text: "Contact for Quote",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Full Design Consultation",
"Bespoke Glass/Film Production",
"Integrated Automation Systems",
"Dedicated Project Manager",
"Extended Warranty & Support",
],
}, },
]} ]}
title="Flexible Pricing for Every Project" title="Flexible Pricing for Every Project"
@@ -323,26 +184,18 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "metric-1", id: "metric-1", icon: Users,
icon: Users, title: "Satisfied Clients", value: "2500+"},
title: "Satisfied Clients",
value: "2500+",
},
{ {
id: "metric-2", id: "metric-2", icon: Leaf,
icon: Leaf, title: "Energy Saved Annually", value: "30% Avg."},
title: "Energy Saved Annually",
value: "30% Avg.",
},
{ {
id: "metric-3", id: "metric-3", icon: Building,
icon: Building, title: "Installations Completed", value: "1200+"},
title: "Installations Completed",
value: "1200+",
},
]} ]}
title="Impact & Achievements" title="Impact & Achievements"
description="Our commitment to innovation and customer satisfaction is reflected in our tangible results." description="Our commitment to innovation and customer satisfaction is reflected in our tangible results."
animationType="slide-up"
/> />
</div> </div>
@@ -355,53 +208,23 @@ export default function LandingPage() {
carouselMode="buttons" carouselMode="buttons"
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah Johnson", role: "CEO", company: "Tech Innovations", rating: 5,
name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/proud-entrepreneur-with-employees-background_1098-3585.jpg"},
role: "CEO",
company: "Tech Innovations",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/proud-entrepreneur-with-employees-background_1098-3585.jpg",
},
{ {
id: "2", id: "2", name: "Michael Chen", role: "Architect", company: "Urban Designs", rating: 5,
name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-confident-young-businesswoman-making-phone-call-standing-street-talking_1258-194224.jpg"},
role: "Architect",
company: "Urban Designs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-confident-young-businesswoman-making-phone-call-standing-street-talking_1258-194224.jpg",
},
{ {
id: "3", id: "3", name: "Emily Rodriguez", role: "Restaurant Owner", company: "Gourmet Bistro", rating: 5,
name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-happy-joyful-smiling-cheerfully-showing-v-sign-standing-orange-background_141793-111057.jpg"},
role: "Restaurant Owner",
company: "Gourmet Bistro",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-happy-joyful-smiling-cheerfully-showing-v-sign-standing-orange-background_141793-111057.jpg",
},
{ {
id: "4", id: "4", name: "David Kim", role: "Homeowner", company: "Private Residence", rating: 5,
name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/homicide-department-wrapped-up-work_1098-14764.jpg"},
role: "Homeowner",
company: "Private Residence",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/homicide-department-wrapped-up-work_1098-14764.jpg",
},
{ {
id: "5", id: "5", name: "Jessica Lee", role: "Product Manager", company: "Innovate Labs", rating: 5,
name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-with-virtual-glasses-surprised-expression_1194-2831.jpg"},
role: "Product Manager",
company: "Innovate Labs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-with-virtual-glasses-surprised-expression_1194-2831.jpg",
},
{ {
id: "6", id: "6", name: "Robert Davis", role: "Office Manager", company: "Corporate Solutions", rating: 5,
name: "Robert Davis", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg"},
role: "Office Manager",
company: "Corporate Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
},
]} ]}
title="What Our Clients Say" title="What Our Clients Say"
description="Hear directly from our satisfied customers about how SmartGlass Solutions has transformed their spaces." description="Hear directly from our satisfied customers about how SmartGlass Solutions has transformed their spaces."
@@ -414,25 +237,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "faq-1", id: "faq-1", title: "How does SmartGlass work?", content: "SmartGlass and PDLC films operate using a principle called Polymer-Dispersed Liquid Crystal (PDLC) technology. When an electrical current is applied, the liquid crystals align, making the glass transparent. When the power is off, they scatter light, making the glass opaque."},
title: "How does SmartGlass work?",
content: "SmartGlass and PDLC films operate using a principle called Polymer-Dispersed Liquid Crystal (PDLC) technology. When an electrical current is applied, the liquid crystals align, making the glass transparent. When the power is off, they scatter light, making the glass opaque.",
},
{ {
id: "faq-2", id: "faq-2", title: "Can I install PDLC film myself?", content: "Yes, we offer comprehensive DIY installation kits that include all necessary tools and a step-by-step guide. For larger or more complex projects, we recommend professional installation services for optimal results."},
title: "Can I install PDLC film myself?",
content: "Yes, we offer comprehensive DIY installation kits that include all necessary tools and a step-by-step guide. For larger or more complex projects, we recommend professional installation services for optimal results.",
},
{ {
id: "faq-3", id: "faq-3", title: "What are the power requirements?", content: "Our SmartGlass and PDLC films typically operate on low voltage (e.g., 48V AC). They are energy-efficient, consuming minimal power, primarily when switching states. We provide detailed specifications with each product."},
title: "What are the power requirements?",
content: "Our SmartGlass and PDLC films typically operate on low voltage (e.g., 48V AC). They are energy-efficient, consuming minimal power, primarily when switching states. We provide detailed specifications with each product.",
},
{ {
id: "faq-4", id: "faq-4", title: "What is the lifespan of SmartGlass?", content: "SmartGlass and PDLC films are designed for durability and long-term performance. With proper care and installation, they can last for over 10 years, offering consistent functionality and aesthetic appeal."},
title: "What is the lifespan of SmartGlass?",
content: "SmartGlass and PDLC films are designed for durability and long-term performance. With proper care and installation, they can last for over 10 years, offering consistent functionality and aesthetic appeal.",
},
]} ]}
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Find answers to common questions about SmartGlass, PDLC films, installation, and more." description="Find answers to common questions about SmartGlass, PDLC films, installation, and more."
@@ -447,38 +258,20 @@ export default function LandingPage() {
description="Our team is ready to help you find the perfect SmartGlass or PDLC film solution for your project. Reach out to us today!" description="Our team is ready to help you find the perfect SmartGlass or PDLC film solution for your project. Reach out to us today!"
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name", required: true,
type: "text",
placeholder: "Your Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email", required: true,
type: "email",
placeholder: "Your Email",
required: true,
}, },
{ {
name: "phone", name: "phone", type: "tel", placeholder: "Phone Number (Optional)"},
type: "tel",
placeholder: "Phone Number (Optional)",
},
]} ]}
multiSelect={{ multiSelect={{
name: "interest", name: "interest", label: "I'm interested in...", options: [
label: "I'm interested in...", "Residential SmartGlass", "Commercial PDLC Film", "DIY Film Kit", "Architectural Project", "General Inquiry"],
options: [
"Residential SmartGlass",
"Commercial PDLC Film",
"DIY Film Kit",
"Architectural Project",
"General Inquiry",
],
}} }}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Your Message", rows: 5,
placeholder: "Your Message",
rows: 5,
required: true, required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039306.jpg" imageSrc="http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039306.jpg"
@@ -496,24 +289,16 @@ export default function LandingPage() {
socialLinks={[ socialLinks={[
{ {
icon: Facebook, icon: Facebook,
href: "#", href: "#", ariaLabel: "Facebook"},
ariaLabel: "Facebook",
},
{ {
icon: Twitter, icon: Twitter,
href: "#", href: "#", ariaLabel: "Twitter"},
ariaLabel: "Twitter",
},
{ {
icon: Instagram, icon: Instagram,
href: "#", href: "#", ariaLabel: "Instagram"},
ariaLabel: "Instagram",
},
{ {
icon: Linkedin, icon: Linkedin,
href: "#", href: "#", ariaLabel: "LinkedIn"},
ariaLabel: "LinkedIn",
},
]} ]}
/> />
</div> </div>