Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| fdae909a1d | |||
| 06622cd5e6 | |||
| 005d9bbfd1 |
226
src/app/page.tsx
226
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Atlantic Roofing"
|
||||
/>
|
||||
@@ -55,15 +47,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Roof Repairs You Can Trust, Fast"
|
||||
description="Atlantic Roofing Miami delivers expert roof repair, replacement, and maintenance with 49-star reliability. Available 24/7 for emergencies—get your free quote today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Your Free Inspection", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg"
|
||||
imageAlt="Atlantic Roofing Miami repair service"
|
||||
@@ -77,34 +66,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.9+",
|
||||
title: "Customer Rating",
|
||||
items: [
|
||||
"Verified reviews",
|
||||
"Local excellence",
|
||||
"Customer trust",
|
||||
],
|
||||
id: "m1", value: "4.9+", title: "Customer Rating", items: [
|
||||
"Verified reviews", "Local excellence", "Customer trust"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k+",
|
||||
title: "Roofs Repaired",
|
||||
items: [
|
||||
"Emergency repairs",
|
||||
"Storm damage",
|
||||
"General fixes",
|
||||
],
|
||||
id: "m2", value: "10k+", title: "Roofs Repaired", items: [
|
||||
"Emergency repairs", "Storm damage", "General fixes"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
items: [
|
||||
"Rapid response",
|
||||
"Emergency team",
|
||||
"Always ready",
|
||||
],
|
||||
id: "m3", value: "24/7", title: "Availability", items: [
|
||||
"Rapid response", "Emergency team", "Always ready"],
|
||||
},
|
||||
]}
|
||||
title="Why Atlantic Roofing?"
|
||||
@@ -119,35 +90,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Expert Repair",
|
||||
descriptions: [
|
||||
"Fast leak detection",
|
||||
"Storm damage recovery",
|
||||
"Long-term repairs",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg",
|
||||
},
|
||||
id: "f1", title: "Expert Repair", descriptions: [
|
||||
"Fast leak detection", "Storm damage recovery", "Long-term repairs"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Complete Replacement",
|
||||
descriptions: [
|
||||
"Full roof installation",
|
||||
"Premium materials",
|
||||
"Inspected quality",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
|
||||
},
|
||||
id: "f2", title: "Complete Replacement", descriptions: [
|
||||
"Full roof installation", "Premium materials", "Inspected quality"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Maintenance Plans",
|
||||
descriptions: [
|
||||
"Scheduled inspections",
|
||||
"Debris removal",
|
||||
"Preventive care",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15619.jpg",
|
||||
},
|
||||
id: "f3", title: "Maintenance Plans", descriptions: [
|
||||
"Scheduled inspections", "Debris removal", "Preventive care"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15619.jpg"},
|
||||
]}
|
||||
title="Professional Roofing Services"
|
||||
description="We specialize in protecting your home from Florida weather."
|
||||
@@ -162,59 +115,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Atlantic",
|
||||
name: "Asphalt Shingles",
|
||||
price: "High Durability",
|
||||
rating: 5,
|
||||
reviewCount: "500+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-abstract-copy-space-texture-background_1194-614151.jpg",
|
||||
},
|
||||
id: "p1", brand: "Atlantic", name: "Asphalt Shingles", price: "High Durability", rating: 5,
|
||||
reviewCount: "500+", imageSrc: "http://img.b2bpic.net/free-photo/cement-abstract-copy-space-texture-background_1194-614151.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Atlantic",
|
||||
name: "Metal Panels",
|
||||
price: "Storm Resistant",
|
||||
rating: 5,
|
||||
reviewCount: "400+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oblique-stainless-lines-background_23-2148744267.jpg",
|
||||
},
|
||||
id: "p2", brand: "Atlantic", name: "Metal Panels", price: "Storm Resistant", rating: 5,
|
||||
reviewCount: "400+", imageSrc: "http://img.b2bpic.net/free-photo/oblique-stainless-lines-background_23-2148744267.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Atlantic",
|
||||
name: "Clay Tiles",
|
||||
price: "Classic Miami",
|
||||
rating: 5,
|
||||
reviewCount: "300+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-12112.jpg",
|
||||
},
|
||||
id: "p3", brand: "Atlantic", name: "Clay Tiles", price: "Classic Miami", rating: 5,
|
||||
reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-12112.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Atlantic",
|
||||
name: "Flat Membranes",
|
||||
price: "Watertight",
|
||||
rating: 5,
|
||||
reviewCount: "250+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-stairs_23-2149432949.jpg",
|
||||
},
|
||||
id: "p4", brand: "Atlantic", name: "Flat Membranes", price: "Watertight", rating: 5,
|
||||
reviewCount: "250+", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-stairs_23-2149432949.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Atlantic",
|
||||
name: "Roof Insulation",
|
||||
price: "Thermal Guard",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-construction_23-2148384513.jpg",
|
||||
},
|
||||
id: "p5", brand: "Atlantic", name: "Roof Insulation", price: "Thermal Guard", rating: 5,
|
||||
reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-construction_23-2148384513.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Atlantic",
|
||||
name: "Copper Flashing",
|
||||
price: "Precision Fit",
|
||||
rating: 5,
|
||||
reviewCount: "150+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-razor-blades-with-yellow-background_23-2150970029.jpg",
|
||||
},
|
||||
id: "p6", brand: "Atlantic", name: "Copper Flashing", price: "Precision Fit", rating: 5,
|
||||
reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-razor-blades-with-yellow-background_23-2150970029.jpg"},
|
||||
]}
|
||||
title="Quality Materials"
|
||||
description="We source only the best roofing materials for durability and style."
|
||||
@@ -227,45 +144,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excellent Service",
|
||||
quote: "Atlantic Roofing fixed my leaks in hours!",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg",
|
||||
},
|
||||
id: "t1", title: "Excellent Service", quote: "Atlantic Roofing fixed my leaks in hours!", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Professional Team",
|
||||
quote: "The team was efficient and professional.",
|
||||
name: "Mark D.",
|
||||
role: "Property Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-excited-male-entrepreneur-holding-paper-house-cutout-wearing-suit-look-hopeful-ca_1258-158599.jpg",
|
||||
},
|
||||
id: "t2", title: "Professional Team", quote: "The team was efficient and professional.", name: "Mark D.", role: "Property Manager", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-excited-male-entrepreneur-holding-paper-house-cutout-wearing-suit-look-hopeful-ca_1258-158599.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Great Experience",
|
||||
quote: "Best roofing company in Florida.",
|
||||
name: "Helen W.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-woman-standing-kitchen-holding-pot-plant_23-2147901271.jpg",
|
||||
},
|
||||
id: "t3", title: "Great Experience", quote: "Best roofing company in Florida.", name: "Helen W.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-woman-standing-kitchen-holding-pot-plant_23-2147901271.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Reliable Quality",
|
||||
quote: "Our roof looks brand new again.",
|
||||
name: "David L.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-glasses-interior-designer-working-house-site-renovation-construction-progress-with-smile-confident-desk-with-blue-print-drawing-tool_609648-514.jpg",
|
||||
},
|
||||
id: "t4", title: "Reliable Quality", quote: "Our roof looks brand new again.", name: "David L.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-glasses-interior-designer-working-house-site-renovation-construction-progress-with-smile-confident-desk-with-blue-print-drawing-tool_609648-514.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Top Notch Work",
|
||||
quote: "Couldn't be happier with the results.",
|
||||
name: "Linda M.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-female-realtor-holding-miniature-house_23-2148895445.jpg",
|
||||
},
|
||||
id: "t5", title: "Top Notch Work", quote: "Couldn't be happier with the results.", name: "Linda M.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-female-realtor-holding-miniature-house_23-2148895445.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by hundreds of homeowners and property managers across Miami."
|
||||
@@ -278,25 +165,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer emergency service?",
|
||||
content: "Yes, we are available 24/7 for roofing emergencies.",
|
||||
},
|
||||
id: "q1", title: "Do you offer emergency service?", content: "Yes, we are available 24/7 for roofing emergencies."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you licensed in Miami?",
|
||||
content: "Yes, we hold all required licenses for Miami-Dade County.",
|
||||
},
|
||||
id: "q2", title: "Are you licensed in Miami?", content: "Yes, we hold all required licenses for Miami-Dade County."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I get a quote?",
|
||||
content: "Simply fill out our free inspection form or call us directly.",
|
||||
},
|
||||
id: "q3", title: "How do I get a quote?", content: "Simply fill out our free inspection form or call us directly."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Can you work with insurance?",
|
||||
content: "We have extensive experience working with insurance claim adjusters.",
|
||||
},
|
||||
id: "q4", title: "Can you work with insurance?", content: "We have extensive experience working with insurance claim adjusters."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common concerns about our roofing services."
|
||||
@@ -308,8 +183,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Get Your Free Inspection"
|
||||
description="Don't wait for the next leak. Schedule your professional roof inspection today."
|
||||
@@ -323,23 +197,17 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #1c2a3e;
|
||||
--primary-cta: #15479c;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffffe6;
|
||||
--primary-cta: #e6e6e6;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #1c2a3e;
|
||||
--accent: #c68a62;
|
||||
--background-accent: #f3eee9;
|
||||
--accent: #737373;
|
||||
--background-accent: #737373;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user