Update src/app/page.tsx
This commit is contained in:
239
src/app/page.tsx
239
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user