bender/454cf0cb-a9be-43cf-9fd7-b90cdfb108e7
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-05-09 08:25:39 +00:00
parent 10b630d8f2
commit db76b77aae
1 changed files with 42 additions and 279 deletions
Download Patch File Download Diff File Expand all files Collapse all files

321
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Solutions",
id: "features",
},
{
name: "Why Us",
id: "about",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Solutions", id: "features" },
{ name: "Why Us", id: "about" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="RoofTech Energy"
/>
@@ -58,75 +46,21 @@ export default function LandingPage() {
title="Empowering San Diego With Clean Energy"
description="RoofTech Energy provides the most advanced solar-integrated roofing solutions, ensuring your home is energy-independent, durable, and future-ready."
testimonials={[
{
name: "Mark Wilson",
handle: "@mwilson",
testimonial: "The best investment for my home in San Diego. RoofTech made the process seamless.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg?_wi=1",
},
{
name: "Sarah Jenkins",
handle: "@sjenkins",
testimonial: "Efficient, professional, and my electricity bills dropped immediately.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg",
},
{
name: "David Rossi",
handle: "@drossi",
testimonial: "Quality solar roofing that actually looks good on the house. Fantastic service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-with-thumb-up-business-card_1187-3166.jpg",
},
{
name: "Elena Perez",
handle: "@eperez",
testimonial: "Incredible communication throughout the installation. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-architect-standing-by-solar-panels_1303-28130.jpg",
},
{
name: "John Smith",
handle: "@jsmith",
testimonial: "Solar independence feels great, and their roof integration is top tier.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-posing-photo-cafe_23-2147785282.jpg",
},
{ name: "Mark Wilson", handle: "@mwilson", testimonial: "The best investment for my home in San Diego. RoofTech made the process seamless.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg" },
{ name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "Efficient, professional, and my electricity bills dropped immediately.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg" },
{ name: "David Rossi", handle: "@drossi", testimonial: "Quality solar roofing that actually looks good on the house. Fantastic service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-with-thumb-up-business-card_1187-3166.jpg" },
{ name: "Elena Perez", handle: "@eperez", testimonial: "Incredible communication throughout the installation. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-architect-standing-by-solar-panels_1303-28130.jpg" },
{ name: "John Smith", handle: "@jsmith", testimonial: "Solar independence feels great, and their roof integration is top tier.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-posing-photo-cafe_23-2147785282.jpg" },
]}
tag="Trusted Solar Partner"
buttons={[
{
text: "Get My Quote",
href: "#contact",
},
{
text: "Our Services",
href: "#features",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/greenhouse-plant-sun-doi-inthanon-mountain-chiang-mai-province-landscape-thailand_1150-21737.jpg?_wi=1"
buttons={[{ text: "Get My Quote", href: "#contact" }, { text: "Our Services", href: "#features" }]}
imageSrc="http://img.b2bpic.net/free-photo/greenhouse-plant-sun-doi-inthanon-mountain-chiang-mai-province-landscape-thailand_1150-21737.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
alt: "Smiling African American man posing at library",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg",
alt: "Front view of spectacular woman laughing at front",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
alt: "Closeup shot of a handsome male smiling",
},
{
src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
alt: "Merry young adult enjoying christmas conversation on video call",
},
{
src: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026157.jpg",
alt: "Couple watching a movie on streaming service",
},
{ src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Smiling African American man posing at library" },
{ src: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg", alt: "Front view of spectacular woman laughing at front" },
{ src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", alt: "Closeup shot of a handsome male smiling" },
{ src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg", alt: "Merry young adult enjoying christmas conversation on video call" },
{ src: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026157.jpg", alt: "Couple watching a movie on streaming service" },
]}
avatarText="Join 1200+ satisfied homeowners"
/>
@@ -138,26 +72,10 @@ export default function LandingPage() {
title="Proven Solar Excellence"
tag="Our Impact"
metrics={[
{
id: "m1",
value: "1200+",
description: "Successful Installations",
},
{
id: "m2",
value: "45%",
description: "Average Energy Saving",
},
{
id: "m3",
value: "15+",
description: "Years of Experience",
},
{
id: "m4",
value: "99%",
description: "Customer Satisfaction",
},
{ id: "m1", value: "1200+", description: "Successful Installations" },
{ id: "m2", value: "45%", description: "Average Energy Saving" },
{ id: "m3", value: "15+", description: "Years of Experience" },
{ id: "m4", value: "99%", description: "Customer Satisfaction" },
]}
metricsAnimation="slide-up"
/>
@@ -168,21 +86,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Why San Diego Chooses RoofTech"
metrics={[
{
icon: Shield,
label: "Certified Safety",
value: "Safety First",
},
{
icon: Zap,
label: "Advanced Tech",
value: "Latest Efficiency",
},
{
icon: Award,
label: "Local Experts",
value: "SoCal Specialists",
},
{ icon: Shield, label: "Certified Safety", value: "Safety First" },
{ icon: Zap, label: "Advanced Tech", value: "Latest Efficiency" },
{ icon: Award, label: "Local Experts", value: "SoCal Specialists" },
]}
metricsAnimation="blur-reveal"
/>
@@ -194,54 +100,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Advanced Panels",
description: "Monocrystalline high-output panels designed for coastal climates.",
bentoComponent: "reveal-icon",
icon: Zap,
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-tablet-with-intelligent-software-placed-kitchen-table-controlling-light-with-high_482257-2843.jpg",
imageAlt: "solar monitoring app interface",
},
{
title: "Energy Monitoring",
description: "Track your production in real-time with our custom mobile application.",
bentoComponent: "chat",
aiIcon: Smartphone,
userIcon: User,
exchanges: [
{
userMessage: "How's my production?",
aiResponse: "You're hitting 98% efficiency!",
},
],
placeholder: "Ask your energy coach",
imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-plant-sun-doi-inthanon-mountain-chiang-mai-province-landscape-thailand_1150-21737.jpg?_wi=2",
imageAlt: "solar monitoring app interface",
},
{
title: "Integrated Roofing",
description: "Energy systems seamlessly built into your roof structure.",
bentoComponent: "icon-info-cards",
items: [
{
icon: Home,
label: "Durability",
value: "Class A",
},
{
icon: Sun,
label: "Coverage",
value: "Full Roof",
},
{
icon: Wind,
label: "Wind Resistance",
value: "140MPH",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg?_wi=2",
imageAlt: "solar monitoring app interface",
},
{ title: "Advanced Panels", description: "Monocrystalline high-output panels designed for coastal climates.", bentoComponent: "reveal-icon", icon: Zap },
{ title: "Energy Monitoring", description: "Track your production in real-time with our custom mobile application.", bentoComponent: "chat", aiIcon: Smartphone, userIcon: User, exchanges: [{ userMessage: "How's my production?", aiResponse: "You're hitting 98% efficiency!" }], placeholder: "Ask your energy coach" },
{ title: "Integrated Roofing", description: "Energy systems seamlessly built into your roof structure.", bentoComponent: "icon-info-cards", items: [{ icon: Home, label: "Durability", value: "Class A" }, { icon: Sun, label: "Coverage", value: "Full Roof" }, { icon: Wind, label: "Wind Resistance", value: "140MPH" }] },
]}
title="Integrated Energy Solutions"
description="Our systems combine high-durability roofing with premium energy conversion panels for maximum ROI."
@@ -250,44 +111,15 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="blur-reveal"
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Mark W.",
handle: "@mwilson",
testimonial: "The best investment for my home in San Diego.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg",
},
{
id: "t2",
name: "Sarah J.",
handle: "@sjenkins",
testimonial: "Efficient and professional installation.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-pleasant-appearance-waits-someone-has-appointment-checks-time-watch-smiles-gently-stands-outdoors-blurred-architectural-building-wears-pink-shirt_273609-54080.jpg",
},
{
id: "t3",
name: "David R.",
handle: "@drossi",
testimonial: "Quality solar roofing that looks great.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-industrial-plant-shareholders-conducting-research_482257-123386.jpg",
},
{
id: "t4",
name: "Elena P.",
handle: "@eperez",
testimonial: "Incredible communication throughout the process.",
imageSrc: "http://img.b2bpic.net/free-photo/blond-woman-hair-while-moving-into-house_329181-18218.jpg",
},
{
id: "t5",
name: "John S.",
handle: "@jsmith",
testimonial: "Solar independence feels great now.",
imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-looking-each-other-while-smiling_23-2148293911.jpg",
},
{ id: "t1", name: "Mark W.", handle: "@mwilson", testimonial: "The best investment for my home in San Diego.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg" },
{ id: "t2", name: "Sarah J.", handle: "@sjenkins", testimonial: "Efficient and professional installation.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-pleasant-appearance-waits-someone-has-appointment-checks-time-watch-smiles-gently-stands-outdoors-blurred-architectural-building-wears-pink-shirt_273609-54080.jpg" },
{ id: "t3", name: "David R.", handle: "@drossi", testimonial: "Quality solar roofing that looks great.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-industrial-plant-shareholders-conducting-research_482257-123386.jpg" },
{ id: "t4", name: "Elena P.", handle: "@eperez", testimonial: "Incredible communication throughout the process.", imageSrc: "http://img.b2bpic.net/free-photo/blond-woman-hair-while-moving-into-house_329181-18218.jpg" },
{ id: "t5", name: "John S.", handle: "@jsmith", testimonial: "Solar independence feels great now.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-looking-each-other-while-smiling_23-2148293911.jpg" },
]}
title="Client Success Stories"
description="See why our neighbors trust us with their energy independence."
@@ -299,14 +131,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"SunEnergy Inc",
"SoCal Power",
"Reliable Roofing",
"Future Grid",
"EcoBuild SD",
"GreenTech Solutions",
"Coastal Solar",
]}
"SunEnergy Inc", "SoCal Power", "Reliable Roofing", "Future Grid", "EcoBuild SD", "GreenTech Solutions", "Coastal Solar"]}
title="Trusted by Local Partners"
description="We collaborate with the best in the energy and construction sectors."
/>
@@ -317,21 +142,9 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Is San Diego weather good for solar?",
content: "Yes, our abundant sunshine makes San Diego one of the most efficient places in the country for solar energy production.",
},
{
id: "f2",
title: "How long does installation take?",
content: "Most residential projects are completed within 3 to 5 business days, pending permit approvals.",
},
{
id: "f3",
title: "Do you offer financing?",
content: "We work with multiple local financing partners to provide flexible solar financing solutions.",
},
{ id: "f1", title: "Is San Diego weather good for solar?", content: "Yes, our abundant sunshine makes San Diego one of the most efficient places in the country for solar energy production." },
{ id: "f2", title: "How long does installation take?", content: "Most residential projects are completed within 3 to 5 business days, pending permit approvals." },
{ id: "f3", title: "Do you offer financing?", content: "We work with multiple local financing partners to provide flexible solar financing solutions." },
]}
title="Common Energy Questions"
description="Clear answers to help you navigate your solar transition."
@@ -345,23 +158,9 @@ export default function LandingPage() {
title="Start Your Solar Journey"
description="Get a custom energy efficiency evaluation and quote from our local team today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Full Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
},
{ name: "name", type: "text", placeholder: "Your Full Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "phone", type: "tel", placeholder: "Your Phone Number" },
]}
imageSrc="http://img.b2bpic.net/free-photo/terrace-with-trees-forest-cozy-outdoor-relaxation-space_169016-69565.jpg"
/>
@@ -370,45 +169,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Services",
items: [
{
label: "Solar Panels",
href: "#features",
},
{
label: "Roof Integration",
href: "#features",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
{ title: "Services", items: [{ label: "Solar Panels", href: "#features" }, { label: "Roof Integration", href: "#features" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="RoofTech Energy"
/>