Merge version_1 into main #2
367
src/app/page.tsx
367
src/app/page.tsx
@@ -16,249 +16,152 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLarge"
|
||||
background="floatingGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLarge"
|
||||
background="floatingGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Atlantic Roofing Miami"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "About Us", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Atlantic Roofing Miami"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Trusted Roofing Experts in Miami"
|
||||
description="Professional installation and repair services for your home and business. Reliable, efficient, and ready 24/7."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Trusted Roofing Experts in Miami"
|
||||
description="Professional installation and repair services for your home and business. Reliable, efficient, and ready 24/7."
|
||||
buttons={[{ text: "Get a Free Estimate", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Decades of Roofing Excellence"
|
||||
description="At Atlantic Roofing Miami, we pride ourselves on delivering high-quality roofing solutions tailored to the unique South Florida climate. Our certified team brings decades of experience to every job, ensuring your peace of mind and the long-term safety of your property."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Decades of Roofing Excellence"
|
||||
description="At Atlantic Roofing Miami, we pride ourselves on delivering high-quality roofing solutions tailored to the unique South Florida climate. Our certified team brings decades of experience to every job, ensuring your peace of mind and the long-term safety of your property."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "New Roof Installation",
|
||||
description: "High-quality shingles, metal roofing, and flat roof systems built to last.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seamless-carpet-texture-floor-pattern-blue-color_169016-48995.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-tile-parquet-tile_1357-342.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg?_wi=2",
|
||||
imageAlt: "roof replacement process",
|
||||
},
|
||||
{
|
||||
title: "Emergency Repairs",
|
||||
description: "Fast response times for roof damage and leaks, available 24/7.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-deserted-decaying-house-nature_23-2150166620.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg?_wi=2",
|
||||
imageAlt: "roof replacement process",
|
||||
},
|
||||
{
|
||||
title: "Maintenance & Inspection",
|
||||
description: "Preventive maintenance to catch issues before they turn into costly problems.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skateboarding-practice-freestyle-extreme-sports-concept_53876-49180.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-protection-helmet_23-2149343639.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg",
|
||||
imageAlt: "roof replacement process",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Our Expert Services"
|
||||
description="Comprehensive roofing solutions delivered with precision."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
showStepNumbers={false}
|
||||
title="Our Expert Services"
|
||||
description="Comprehensive roofing solutions delivered with precision."
|
||||
features={[
|
||||
{
|
||||
title: "New Roof Installation", description: "High-quality shingles, metal roofing, and flat roof systems built to last.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/seamless-carpet-texture-floor-pattern-blue-color_169016-48995.jpg", imageAlt: "roof replacement process" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/roof-tile-parquet-tile_1357-342.jpg", imageAlt: "roof replacement process" }
|
||||
},
|
||||
{
|
||||
title: "Emergency Repairs", description: "Fast response times for roof damage and leaks, available 24/7.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/view-deserted-decaying-house-nature_23-2150166620.jpg", imageAlt: "roof replacement process" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg", imageAlt: "roof replacement process" }
|
||||
},
|
||||
{
|
||||
title: "Maintenance & Inspection", description: "Preventive maintenance to catch issues before they turn into costly problems.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/skateboarding-practice-freestyle-extreme-sports-concept_53876-49180.jpg", imageAlt: "roof replacement process" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-protection-helmet_23-2149343639.jpg", imageAlt: "roof replacement process" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Miami Housing",
|
||||
"Florida Real Estate",
|
||||
"South Beach Estates",
|
||||
"Coral Gables Homes",
|
||||
"Brickell Development",
|
||||
"Miami Garden Properties",
|
||||
"Key Biscayne Group",
|
||||
]}
|
||||
title="Trusted by Local Homeowners"
|
||||
description="We are proud to be the preferred roofing contractor for Miami communities."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Miami Housing", "Florida Real Estate", "South Beach Estates", "Coral Gables Homes", "Brickell Development", "Miami Garden Properties", "Key Biscayne Group"]}
|
||||
title="Trusted by Local Homeowners"
|
||||
description="We are proud to be the preferred roofing contractor for Miami communities."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "4.9/5",
|
||||
description: "Customer Rating",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "1500+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
description: "Emergency Support",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Proven performance serving the Miami area."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "1", value: "4.9/5", description: "Customer Rating" },
|
||||
{ id: "2", value: "1500+", description: "Projects Completed" },
|
||||
{ id: "3", value: "24/7", description: "Emergency Support" },
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Proven performance serving the Miami area."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you provide emergency services?",
|
||||
content: "Yes, our team is available 24/7 for emergency roof repairs.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "We are fully licensed, bonded, and insured to serve all of Miami.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How long does a new roof take to install?",
|
||||
content: "Most installations are completed within 2-4 days, depending on project size.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common roofing questions."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Do you provide emergency services?", content: "Yes, our team is available 24/7 for emergency roof repairs." },
|
||||
{ id: "2", title: "Are you licensed and insured?", content: "We are fully licensed, bonded, and insured to serve all of Miami." },
|
||||
{ id: "3", title: "How long does a new roof take to install?", content: "Most installations are completed within 2-4 days, depending on project size." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common roofing questions."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="Atlantic Roofing did an outstanding job replacing our roof. Professional team and exceptional attention to detail."
|
||||
rating={5}
|
||||
author="Sarah M., Miami Homeowner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg",
|
||||
alt: "Sarah M.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-thinking_93675-133241.jpg",
|
||||
alt: "John D.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-345.jpg",
|
||||
alt: "Maria C.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-getting-ready-move-with-their-children_23-2149094130.jpg",
|
||||
alt: "David L.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
|
||||
alt: "Alex B.",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="Atlantic Roofing did an outstanding job replacing our roof. Professional team and exceptional attention to detail."
|
||||
rating={5}
|
||||
author="Sarah M., Miami Homeowner"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg", alt: "Sarah M." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-thinking_93675-133241.jpg", alt: "John D." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-345.jpg", alt: "Maria C." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-getting-ready-move-with-their-children_23-2149094130.jpg", alt: "David L." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg", alt: "Alex B." },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Request Your Free Quote"
|
||||
description="Ready to get started? Contact our team today for a free professional estimate."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Request Your Free Quote"
|
||||
description="Ready to get started? Contact our team today for a free professional estimate."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Atlantic Roofing Miami"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Atlantic Roofing Miami"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user