Merge version_1 into main #2
224
src/app/page.tsx
224
src/app/page.tsx
@@ -30,66 +30,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Certainty",
|
||||
id: "#certainty",
|
||||
},
|
||||
{
|
||||
name: "Engineering",
|
||||
id: "#engineering",
|
||||
},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "#performance",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Certainty", id: "#certainty" },
|
||||
{ name: "Engineering", id: "#engineering" },
|
||||
{ name: "Performance", id: "#performance" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Solar Panel Installers UK"
|
||||
button={{
|
||||
text: "Assess System",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Assess System", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="You’re Not Buying Solar Panels. You’re Buying Certainty."
|
||||
description="Designed by engineers. Not sold by sales teams. Eliminate the uncertainty of 20-year system performance with our professional assessment process."
|
||||
tag="Engineer-Led Solar Assessment"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Assessment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Your Assessment", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-overalls-focused-work-switchboard-with-fuses-using-tablet_169016-66775.jpg?_wi=1",
|
||||
imageAlt: "Solar Engineering Professional",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192736.jpg?_wi=1",
|
||||
imageAlt: "Technical Installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-conducting-research-evaluating-office-spaces-layouts_482257-90892.jpg",
|
||||
imageAlt: "Entrepreneur conducting research",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-researching-team-monitors-system-performance-using-tablet_482257-123472.jpg",
|
||||
imageAlt: "Photovoltaics team monitors performance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-late-night_23-2150280982.jpg",
|
||||
imageAlt: "Engineer working late on design",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-overalls-focused-work-switchboard-with-fuses-using-tablet_169016-66775.jpg", imageAlt: "Solar Engineering Professional" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192736.jpg", imageAlt: "Technical Installation" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -103,21 +63,14 @@ export default function LandingPage() {
|
||||
title="Most Solar Quotes are Not Engineered."
|
||||
description="Typical installers use generic satellite data to guess your system potential. Engineering removes uncertainty, while assumptions create risk. We use physical load calculations, voltage modelling, and real usage patterns to ensure your investment actually performs."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "System Parameters Checked",
|
||||
},
|
||||
{
|
||||
value: "0",
|
||||
title: "Estimates Made",
|
||||
},
|
||||
{
|
||||
value: "25yr",
|
||||
title: "Performance Assurance",
|
||||
},
|
||||
{ value: "100+", title: "System Parameters Checked" },
|
||||
{ value: "0", title: "Estimates Made" },
|
||||
{ value: "25yr", title: "Performance Assurance" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-environment-project_23-2148894109.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-environment-project_23-2148894109.jpg"
|
||||
imageAlt="Solar system technical cross-section"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -128,46 +81,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precise Shading Analysis",
|
||||
description: "We map every obstruction on your roof throughout the year to ensure predictive energy yield accuracy.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executives-investors-photovoltaics-plant-analyzing-market-trends_482257-120507.jpg",
|
||||
imageAlt: "Shading Analysis",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-town-summer-sky-space-city-concept_53876-31867.jpg",
|
||||
imageAlt: "Shading Analysis Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-overalls-focused-work-switchboard-with-fuses-using-tablet_169016-66775.jpg?_wi=2",
|
||||
imageAlt: "shading analysis map for solar energy",
|
||||
title: "Precise Shading Analysis", description: "We map every obstruction on your roof throughout the year to ensure predictive energy yield accuracy.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/executives-investors-photovoltaics-plant-analyzing-market-trends_482257-120507.jpg", imageAlt: "Shading Analysis" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/urban-town-summer-sky-space-city-concept_53876-31867.jpg", imageAlt: "Shading Analysis Detail" },
|
||||
},
|
||||
{
|
||||
title: "Electrical Capacity Validation",
|
||||
description: "Validation against your current grid limits to prevent future redesigns and underperformance issues.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192722.jpg",
|
||||
imageAlt: "Electrical Validation",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/equipment-fix-computer_1161-87.jpg",
|
||||
imageAlt: "Electrical Validation Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192736.jpg?_wi=2",
|
||||
imageAlt: "shading analysis map for solar energy",
|
||||
title: "Electrical Capacity Validation", description: "Validation against your current grid limits to prevent future redesigns and underperformance issues.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192722.jpg", imageAlt: "Electrical Validation" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/equipment-fix-computer_1161-87.jpg", imageAlt: "Electrical Validation Detail" },
|
||||
},
|
||||
{
|
||||
title: "Battery & Inverter Integration",
|
||||
description: "Engineered integration for peak efficiency, shifting energy usage to when it is most cost-effective.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-examines-cable-connection-electrical-line-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-7336.jpg",
|
||||
imageAlt: "Battery Setup",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pv-cell-produced-manufacturing-warehouse-3d-illustration_482257-77930.jpg",
|
||||
imageAlt: "Battery Setup Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-environment-project_23-2148894109.jpg?_wi=2",
|
||||
imageAlt: "shading analysis map for solar energy",
|
||||
title: "Battery & Inverter Integration", description: "Engineered integration for peak efficiency, shifting energy usage to when it is most cost-effective.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-examines-cable-connection-electrical-line-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-7336.jpg", imageAlt: "Battery Setup" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-pv-cell-produced-manufacturing-warehouse-3d-illustration_482257-77930.jpg", imageAlt: "Battery Setup Detail" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -183,21 +106,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "94%",
|
||||
description: "System Performance Ratio",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "12yr",
|
||||
description: "Avg Payback Period",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "40%",
|
||||
description: "Grid Dependency Reduction",
|
||||
},
|
||||
{ id: "1", value: "94%", description: "System Performance Ratio" },
|
||||
{ id: "2", value: "12yr", description: "Avg Payback Period" },
|
||||
{ id: "3", value: "40%", description: "Grid Dependency Reduction" },
|
||||
]}
|
||||
title="Real Performance Data"
|
||||
description="Peak output marketing means nothing in the UK. We focus on seasonal yield curves and consumption matching."
|
||||
@@ -208,31 +119,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cross-stitch-pattern_23-2148145972.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-engineer-drawing-plan-outdoors_23-2149352262.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-managers-doing-pitch-front-investors-showing-production-plans_482257-120571.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-photovoltaics-eco-friendly-warehouse-3d-illustration_482257-78152.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marcus G.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-salt-salt-farm-ready-harvest-thailand_335224-1051.jpg",
|
||||
},
|
||||
{ id: "1", name: "James P.", imageSrc: "http://img.b2bpic.net/free-photo/cross-stitch-pattern_23-2148145972.jpg" },
|
||||
{ id: "2", name: "Sarah W.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-engineer-drawing-plan-outdoors_23-2149352262.jpg" },
|
||||
{ id: "3", name: "Robert B.", imageSrc: "http://img.b2bpic.net/free-photo/factory-managers-doing-pitch-front-investors-showing-production-plans_482257-120571.jpg" },
|
||||
{ id: "4", name: "Elena C.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-photovoltaics-eco-friendly-warehouse-3d-illustration_482257-78152.jpg" },
|
||||
{ id: "5", name: "Marcus G.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-salt-salt-farm-ready-harvest-thailand_335224-1051.jpg" },
|
||||
]}
|
||||
cardTitle="Verified Engineering Trust"
|
||||
cardTag="Customer Results"
|
||||
@@ -245,21 +136,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Why is an assessment better than a quote?",
|
||||
content: "A quote is a guess. An assessment is a professional, engineer-led diagnostic that eliminates financial and performance risks.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do you guarantee performance?",
|
||||
content: "By validating load, usage, and electrical conditions, we ensure system output aligns with your actual consumption habits.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is this service suitable for commercial?",
|
||||
content: "Yes, our engineering team specializes in preserving operational margins through reliable solar integration.",
|
||||
},
|
||||
{ id: "1", title: "Why is an assessment better than a quote?", content: "A quote is a guess. An assessment is a professional, engineer-led diagnostic that eliminates financial and performance risks." },
|
||||
{ id: "2", title: "How do you guarantee performance?", content: "By validating load, usage, and electrical conditions, we ensure system output aligns with your actual consumption habits." },
|
||||
{ id: "3", title: "Is this service suitable for commercial?", content: "Yes, our engineering team specializes in preserving operational margins through reliable solar integration." },
|
||||
]}
|
||||
title="Rational Answers"
|
||||
description="Engineering, not guesswork."
|
||||
@@ -270,18 +149,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get Your Assessment"
|
||||
title="You Don't Need A Quote Yet. You Need A Properly Engineered Assessment."
|
||||
description="Start the structured process to verify your system potential before making a long-term decision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Begin Assessment",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Begin Assessment", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -289,32 +161,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Solar Panel Installers UK"
|
||||
columns={[
|
||||
{
|
||||
title: "Engineering",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Performance",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Engineering", items: [{ label: "Services", href: "#" }, { label: "Performance", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user