Merge version_2 into main

Merge version_2 into main
This commit was merged in pull request #7.
This commit is contained in:
2026-03-04 05:27:04 +00:00

View File

@@ -4,7 +4,6 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
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';
@@ -126,27 +125,28 @@ export default function LandingPage() {
</div>
<div id="about" data-section="about">
<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" }
]}
/>
<div className="py-20">
<div className="max-w-6xl mx-auto px-4">
<h2 className="text-4xl md:text-5xl font-light mb-8">Why Choose Mojito Roof?</h2>
<div className="space-y-6">
<div className="border-b pb-6">
<h3 className="text-2xl font-medium mb-2">Quality</h3>
<p className="text-base opacity-90">We deliver exceptional results with professional-grade equipment and expert technicians trained in all roof types.</p>
</div>
<div className="border-b pb-6">
<h3 className="text-2xl font-medium mb-2">Experience</h3>
<p className="text-base opacity-90">With 15+ years in the industry, we've successfully cleaned over 5,000 roofs across South Africa.</p>
</div>
<div className="pb-6">
<h3 className="text-2xl font-medium mb-2">Reliability</h3>
<p className="text-base opacity-90">Fully insured, licensed, and bonded. We maintain the highest standards of professionalism and punctuality.</p>
</div>
</div>
<button className="mt-8 px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">
Get Started Today
</button>
</div>
</div>
</div>
<div id="metrics" data-section="metrics">