Update src/app/page.tsx
This commit is contained in:
@@ -2,15 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/HeroCarouselLogo';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Droplet, Leaf, Zap, Shield, Sparkles } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -43,20 +43,15 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
<HeroCarouselLogo
|
||||
title="Professional Roof Cleaning Services"
|
||||
description="Restore your roof's beauty and extend its lifespan with Mojito Roof's expert cleaning services. Fast, reliable, and trusted by thousands of homeowners."
|
||||
tag="Expert Service"
|
||||
tagIcon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/roof-old-residential-building-village-museum-bucharest-romania_1268-21641.jpg?_wi=1"
|
||||
imageAlt="Professional roof cleaning in action"
|
||||
mediaAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "James Mitchell", handle: "Homeowner, Johannesburg", testimonial: "Transformed my roof in just one day. Professional team, excellent results!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1"
|
||||
}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-photo/roof-old-residential-building-village-museum-bucharest-romania_1268-21641.jpg?_wi=1", "http://img.b2bpic.net/free-photo/back-view-male-musician-roof-top-holding-electric-guitar_23-2148680355.jpg?_wi=1", "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg?_wi=1"
|
||||
]}
|
||||
logoNames={["Professional Service", "Trusted Quality", "Expert Team"]}
|
||||
buttons={[
|
||||
{ text: "Get Free Inspection", href: "#contact" },
|
||||
{ text: "Learn More", href: "#services" }
|
||||
@@ -127,11 +122,22 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
<MediaSplitTabsAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Why Choose" },
|
||||
{ type: "text", content: "Mojito Roof?" }
|
||||
]}
|
||||
tabs={[
|
||||
{
|
||||
label: "Quality", content: "We deliver exceptional results with professional-grade equipment and expert technicians trained in all roof types."
|
||||
},
|
||||
{
|
||||
label: "Experience", content: "With 15+ years in the industry, we've successfully cleaned over 5,000 roofs across South Africa."
|
||||
},
|
||||
{
|
||||
label: "Reliability", content: "Fully insured, licensed, and bonded. We maintain the highest standards of professionalism and punctuality."
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Get Started Today", href: "#contact" }
|
||||
@@ -247,7 +253,9 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterLogoEmphasis
|
||||
logoText="Mojito Roof"
|
||||
tagline="Professional Roof Cleaning Services"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
|
||||
Reference in New Issue
Block a user