Update src/app/page.tsx

This commit is contained in:
2026-05-06 17:45:37 +00:00
parent 2188ee2f26
commit 22b6ac1a5f

View File

@@ -12,7 +12,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, Facebook, Instagram, ShieldCheck, ThumbsUp } from "lucide-react";
import { Award, Facebook, Instagram, ShieldCheck, ThumbsUp, ArrowRight } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="AQUA"
/>
@@ -55,40 +43,18 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Expert Roofing & Waterproofing Solutions"
description="Protecting your property with premium roofing services and advanced waterproofing technology. Durable, reliable, and professional."
buttons={[
{
text: "Get a Quote",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg?_wi=1"
buttons={[{ text: "Get a Quote", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg",
alt: "Full shot smiley man working on roof",
},
{
src: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg",
alt: "Man working on roof with a drill low view",
},
{
src: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
alt: "Construction worker doing his job with belt",
},
{
src: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg",
alt: "Man with helmet working on roof full shot",
},
{
src: "http://img.b2bpic.net/free-photo/young-man-taking-notes-clipboard-suit-safety-helmet-looking-busy_176474-11045.jpg",
alt: "Young man taking notes on clipboard in suit, safety helmet and looking busy",
},
{ src: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg", alt: "Full shot smiley man working on roof" },
{ src: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg", alt: "Man working on roof with a drill low view" },
{ src: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg", alt: "Construction worker doing his job with belt" },
{ src: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg", alt: "Man with helmet working on roof full shot" },
{ src: "http://img.b2bpic.net/free-photo/young-man-taking-notes-clipboard-suit-safety-helmet-looking-busy_176474-11045.jpg", alt: "Young man taking notes on clipboard in suit, safety helmet and looking busy" },
]}
avatarText="Trusted by 2000+ happy property owners"
/>
@@ -99,21 +65,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Industry Leaders in Protection"
metrics={[
{
icon: ShieldCheck,
label: "Projects Completed",
value: "2000+",
},
{
icon: Award,
label: "Years Experience",
value: "15",
},
{
icon: ThumbsUp,
label: "Satisfied Clients",
value: "98%",
},
{ icon: ShieldCheck, label: "Projects Completed", value: "2000+" },
{ icon: Award, label: "Years Experience", value: "15" },
{ icon: ThumbsUp, label: "Satisfied Clients", value: "98%" },
]}
metricsAnimation="slide-up"
/>
@@ -124,34 +78,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Roof Installation",
description: "High-quality roof installation using durable, weather-resistant materials.",
buttonIcon: "ArrowRight",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg",
imageAlt: "Cheerful middle aged businesswoman",
},
{
title: "Leak Repair",
description: "Swift identification and expert repair of roof and structure leaks.",
buttonIcon: "ArrowRight",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg?_wi=2",
imageAlt: "Cheerful middle aged businesswoman",
},
{
title: "Waterproofing",
description: "Advanced membrane systems to protect your home from moisture damage.",
buttonIcon: "ArrowRight",
imageSrc: "http://img.b2bpic.net/free-photo/content-businesswomen-with-digital-tablet_74855-5011.jpg?_wi=1",
imageAlt: "Cheerful middle aged businesswoman",
},
{
title: "Routine Inspection",
description: "Scheduled health checks to ensure your roof remains in perfect condition.",
buttonIcon: "ArrowRight",
imageSrc: "http://img.b2bpic.net/free-photo/african-business-lady-standing-grey-background_171337-16083.jpg?_wi=1",
imageAlt: "Cheerful middle aged businesswoman",
},
{ title: "Roof Installation", description: "High-quality roof installation using durable, weather-resistant materials.", buttonIcon: ArrowRight, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg", imageAlt: "Cheerful middle aged businesswoman" },
{ title: "Leak Repair", description: "Swift identification and expert repair of roof and structure leaks.", buttonIcon: ArrowRight, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg", imageAlt: "Worker roof" },
{ title: "Waterproofing", description: "Advanced membrane systems to protect your home from moisture damage.", buttonIcon: ArrowRight, imageSrc: "http://img.b2bpic.net/free-photo/content-businesswomen-with-digital-tablet_74855-5011.jpg", imageAlt: "Businesswoman" },
{ title: "Routine Inspection", description: "Scheduled health checks to ensure your roof remains in perfect condition.", buttonIcon: ArrowRight, imageSrc: "http://img.b2bpic.net/free-photo/african-business-lady-standing-grey-background_171337-16083.jpg", imageAlt: "Business lady" },
]}
title="Our Specialized Services"
description="Comprehensive roofing and waterproofing solutions tailored to your needs."
@@ -164,36 +94,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "95%",
title: "Customer Satisfaction",
items: [
"Top-tier materials",
"Professional crews",
"Timely delivery",
],
},
{
id: "m2",
value: "100%",
title: "Safety Standards",
items: [
"OSHA compliant",
"Licensed experts",
"Insured work",
],
},
{
id: "m3",
value: "24/7",
title: "Emergency Support",
items: [
"Quick response",
"Rapid dispatch",
"Expert diagnosis",
],
},
{ id: "m1", value: "95%", title: "Customer Satisfaction", items: ["Top-tier materials", "Professional crews", "Timely delivery"] },
{ id: "m2", value: "100%", title: "Safety Standards", items: ["OSHA compliant", "Licensed experts", "Insured work"] },
{ id: "m3", value: "24/7", title: "Emergency Support", items: ["Quick response", "Rapid dispatch", "Expert diagnosis"] },
]}
title="Proven Performance"
description="Data-driven results for every roof we maintain."
@@ -207,46 +110,11 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "John Doe",
role: "Homeowner",
company: "Private Residence",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-businesswomen-with-digital-tablet_74855-5011.jpg?_wi=2",
},
{
id: "t2",
name: "Jane Smith",
role: "Property Manager",
company: "RealEstate Co",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/african-business-lady-standing-grey-background_171337-16083.jpg?_wi=2",
},
{
id: "t3",
name: "Mike Ross",
role: "Facility Lead",
company: "TechPark Inc",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smart-asian-engineer-manager-with-safety-uniform-checking-site-construction-with-steel-concrete-structure-background_609648-1336.jpg",
},
{
id: "t4",
name: "Alice Brown",
role: "Director",
company: "GreenBuilds",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-business-woman-portrait-smiling-face_53876-137693.jpg",
},
{
id: "t5",
name: "Tom Clark",
role: "Architect",
company: "Modern Designs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg",
},
{ id: "t1", name: "John Doe", role: "Homeowner", company: "Private Residence", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/content-businesswomen-with-digital-tablet_74855-5011.jpg" },
{ id: "t2", name: "Jane Smith", role: "Property Manager", company: "RealEstate Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-business-lady-standing-grey-background_171337-16083.jpg" },
{ id: "t3", name: "Mike Ross", role: "Facility Lead", company: "TechPark Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smart-asian-engineer-manager-with-safety-uniform-checking-site-construction-with-steel-concrete-structure-background_609648-1336.jpg" },
{ id: "t4", name: "Alice Brown", role: "Director", company: "GreenBuilds", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-business-woman-portrait-smiling-face_53876-137693.jpg" },
{ id: "t5", name: "Tom Clark", role: "Architect", company: "Modern Designs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg" },
]}
title="Client Success Stories"
description="What our customers are saying about AQUA services."
@@ -257,15 +125,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"RoofCo",
"BuildFast",
"HomePro",
"SafetyMaster",
"WaterProof Solutions",
"Apex Materials",
"Secure Roofs",
]}
names={["RoofCo", "BuildFast", "HomePro", "SafetyMaster", "WaterProof Solutions", "Apex Materials", "Secure Roofs"]}
title="Trusted Partners"
description="Working with the industry's best in construction."
/>
@@ -275,21 +135,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How often should I inspect my roof?",
content: "Professional inspections should be conducted at least twice annually.",
},
{
id: "f2",
title: "Do you offer emergency repairs?",
content: "Yes, we provide 24/7 emergency response for critical leaks and damage.",
},
{
id: "f3",
title: "Are you fully licensed?",
content: "AQUA is fully licensed, insured, and certified in all local regions.",
},
{ id: "f1", title: "How often should I inspect my roof?", content: "Professional inspections should be conducted at least twice annually." },
{ id: "f2", title: "Do you offer emergency repairs?", content: "Yes, we provide 24/7 emergency response for critical leaks and damage." },
{ id: "f3", title: "Are you fully licensed?", content: "AQUA is fully licensed, insured, and certified in all local regions." },
]}
sideTitle="Questions? We have answers."
faqsAnimation="blur-reveal"
@@ -299,16 +147,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="Ready to protect your property? Contact us today for a free assessment."
buttons={[
{
text: "Contact AQUA",
href: "mailto:hello@aqua.com",
},
]}
buttons={[{ text: "Contact AQUA", href: "mailto:hello@aqua.com" }]}
/>
</div>
@@ -317,16 +158,8 @@ export default function LandingPage() {
logoText="AQUA"
copyrightText="© 2025 AQUA Roofing. All rights reserved."
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
]}
/>
</div>