Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c3bcc4c63d | |||
| 0207f0eb5d |
253
src/app/page.tsx
253
src/app/page.tsx
@@ -32,43 +32,23 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="RoofSeal"
|
||||
brandName="Roof Seal Chemical"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Roofing Advantage Waterproofing"
|
||||
description="Premium leakage solutions and heat proofing chemical treatments for long-lasting roof protection."
|
||||
description="Professional Roof Waterproofing Services: DHA Heat Proofing, Leakage Solutions, and Expert Repair Treatment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Get Consultation", href: "#contact" },
|
||||
{ text: "Our Services", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-paint-pouring-from-bucket_23-2149344027.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -79,15 +59,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Gold Standard in Roof Sealing & Heat Proofing",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/transparent-water-drops-brown-feather-surface_23-2148114548.jpg",
|
||||
alt: "Waterproofing Technology",
|
||||
},
|
||||
{ type: "text", content: "Premier Heat Proofing & Leakage Solutions" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/transparent-water-drops-brown-feather-surface_23-2148114548.jpg", alt: "Advanced Waterproofing" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,24 +71,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Leakage Repair",
|
||||
description: "High-performance chemical sealants for all roof types.",
|
||||
},
|
||||
{
|
||||
icon: Sun,
|
||||
title: "Heat Proofing",
|
||||
description: "Energy-efficient coatings that reduce indoor temperatures.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Rapid Treatment",
|
||||
description: "Quick-drying formulas minimize downtime for your building.",
|
||||
},
|
||||
{ icon: ShieldCheck, title: "DHA Heat Proofing", description: "Advanced chemical treatments to insulate roofs against extreme heat." },
|
||||
{ icon: Sun, title: "Leakage Solutions", description: "High-durability sealing treatments that eliminate water ingress." },
|
||||
{ icon: Zap, title: "Expert Repair", description: "Professional diagnosis and repair for all types of roofing damage." },
|
||||
]}
|
||||
title="Our Specialized Solutions"
|
||||
description="Comprehensive roofing treatments designed to withstand harsh weather and prevent structural decay."
|
||||
title="Our Core Services"
|
||||
description="Tailored waterproofing and insulation systems to extend the lifespan of your roof."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -126,51 +87,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Basic Leak Seal",
|
||||
price: "$1,200",
|
||||
variant: "Standard Treatment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Heat Reflective Coat",
|
||||
price: "$2,500",
|
||||
variant: "Thermal Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hand-paints-with-white-paint-wood-painting-concept-close-up-place-text_169016-4426.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Complete Roof Rehab",
|
||||
price: "$4,000",
|
||||
variant: "Structural Repair",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Waterproofing Shield",
|
||||
price: "$1,800",
|
||||
variant: "Protective Seal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Industrial Grade Seal",
|
||||
price: "$5,500",
|
||||
variant: "High Durability",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-paint-front-view_23-2149714285.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Emergency Patching",
|
||||
price: "$900",
|
||||
variant: "Rapid Relief",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg",
|
||||
},
|
||||
{ id: "p1", name: "DHA Heat Proofing", price: "Custom", variant: "Thermal Insulation", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg" },
|
||||
{ id: "p2", name: "Leakage Repair", price: "Custom", variant: "Waterproof Treatment", imageSrc: "http://img.b2bpic.net/free-photo/male-hand-paints-with-white-paint-wood-painting-concept-close-up-place-text_169016-4426.jpg" },
|
||||
{ id: "p3", name: "Chemical Sealing", price: "Custom", variant: "Durable Shield", imageSrc: "http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg" },
|
||||
]}
|
||||
title="Our Service Portfolio"
|
||||
description="Professional treatments for residential and commercial roofing."
|
||||
title="Comprehensive Treatments"
|
||||
description="Industry-standard repair and insulation solutions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -181,30 +103,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1000+",
|
||||
title: "Roofs Sealed",
|
||||
description: "Successful projects completed",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Satisfaction",
|
||||
description: "Highly satisfied clients",
|
||||
icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15",
|
||||
title: "Years Exp.",
|
||||
description: "Industry leading expertise",
|
||||
icon: Clock,
|
||||
},
|
||||
{ id: "m1", value: "15+", title: "Years Experience", description: "Expert roofing professionals", icon: Award },
|
||||
{ id: "m2", value: "98%", title: "Leak Success", description: "Permanent stoppage rates", icon: ShieldCheck },
|
||||
{ id: "m3", value: "500+", title: "Heat Proofing", description: "Projects successfully delivered", icon: Sun },
|
||||
]}
|
||||
title="Why Choose Our Services"
|
||||
description="Trusted by hundreds of property owners across the region."
|
||||
title="Proven Performance"
|
||||
description="Delivering excellence through precise engineering and premium materials."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -214,44 +118,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Excellent service and lasting results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
role: "Contractor",
|
||||
testimonial: "The best waterproofing solution I've found.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
role: "Architect",
|
||||
testimonial: "Highly professional and efficient team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greetings-joyful-man-woman-standing-with-back-camera-shaking-hands_259150-58289.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
role: "Business Owner",
|
||||
testimonial: "No more leaks in our warehouse.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Janet T.",
|
||||
role: "Developer",
|
||||
testimonial: "The heat proofing results were immediate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Ahmed K.", role: "DHA Resident", testimonial: "The heat proofing reduced my indoor temp significantly.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg" },
|
||||
{ id: "t2", name: "Sarah J.", role: "Building Owner", testimonial: "Finally fixed our chronic roof leak. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why property owners choose Roofing Advantage."
|
||||
title="Trusted by Clients"
|
||||
description="Satisfied property owners across the region."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -260,24 +131,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does it last?",
|
||||
content: "Our chemical treatments typically last 10+ years.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is it safe for pets?",
|
||||
content: "Yes, our compounds are eco-friendly and safe.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you do industrial roofs?",
|
||||
content: "Yes, we specialize in large industrial structures.",
|
||||
},
|
||||
{ id: "f1", title: "What is DHA heat proofing?", content: "A specialist reflective coating that prevents UV heat absorption." },
|
||||
{ id: "f2", title: "How quick is the repair?", content: "Most leakage solutions are cured and set within 48 hours." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our roofing services."
|
||||
title="Roof Repair FAQ"
|
||||
description="Answers to your common roofing concerns."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -285,50 +143,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to protect your property? Get a free inspection today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Book your free roof inspection today."
|
||||
buttons={[{ text: "Call Our Team", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg"
|
||||
logoText="Roofing Advantage"
|
||||
logoText="Roof Seal Chemical"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Waterproofing",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Heat Proofing",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Waterproofing", href: "#" }, { label: "Heat Proofing", href: "#" }] },
|
||||
{ title: "Connect", items: [{ label: "Support", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user