Merge version_2 into main #1
196
src/app/page.tsx
196
src/app/page.tsx
@@ -33,33 +33,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
},
|
||||
name: "About Us", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Our Work",
|
||||
id: "social-proof",
|
||||
},
|
||||
name: "Our Work", id: "social-proof"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Abilene Roofing Contractors"
|
||||
/>
|
||||
@@ -68,51 +54,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Abilene's Trusted Roofing Experts"
|
||||
description="Protecting your home and business with superior roof repair, replacement, and new installations. Quality craftsmanship and reliable service you can count on."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "View Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Our Services", href: "#features"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "hero-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
|
||||
imageAlt: "Professional roof installation in progress",
|
||||
},
|
||||
id: "hero-1", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg", imageAlt: "Professional roof installation in progress"},
|
||||
{
|
||||
id: "hero-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg",
|
||||
imageAlt: "Expert roof repair and maintenance",
|
||||
},
|
||||
id: "hero-2", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg", imageAlt: "Expert roof repair and maintenance"},
|
||||
{
|
||||
id: "hero-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-solar-panels-rooftops-coonabarabran-australia_1308-189364.jpg",
|
||||
imageAlt: "Commercial roofing project underway",
|
||||
},
|
||||
id: "hero-3", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-solar-panels-rooftops-coonabarabran-australia_1308-189364.jpg", imageAlt: "Commercial roofing project underway"},
|
||||
{
|
||||
id: "hero-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg",
|
||||
imageAlt: "Beautiful home with a newly installed roof",
|
||||
},
|
||||
id: "hero-4", imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg", imageAlt: "Beautiful home with a newly installed roof"},
|
||||
{
|
||||
id: "hero-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-garden-still-life_23-2148128745.jpg",
|
||||
imageAlt: "Close-up of roofing tools and materials",
|
||||
},
|
||||
id: "hero-5", imageSrc: "http://img.b2bpic.net/free-photo/plant-garden-still-life_23-2148128745.jpg", imageAlt: "Close-up of roofing tools and materials"},
|
||||
{
|
||||
id: "hero-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065039.jpg",
|
||||
imageAlt: "Satisfied client shaking hands with a roofing contractor",
|
||||
},
|
||||
id: "hero-6", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065039.jpg", imageAlt: "Satisfied client shaking hands with a roofing contractor"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -137,24 +100,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Cog,
|
||||
title: "Roof Repair",
|
||||
description: "Expert diagnosis and efficient repair of leaks, storm damage, and wear and tear to extend your roof's lifespan.",
|
||||
},
|
||||
title: "Roof Repair", description: "Expert diagnosis and efficient repair of leaks, storm damage, and wear and tear to extend your roof's lifespan."},
|
||||
{
|
||||
icon: Home,
|
||||
title: "New Roof Installation",
|
||||
description: "High-quality new roof installations for residential and commercial properties using the best materials and techniques.",
|
||||
},
|
||||
title: "New Roof Installation", description: "High-quality new roof installations for residential and commercial properties using the best materials and techniques."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Roof Replacement",
|
||||
description: "Full-service roof replacement, from old roof removal to new installation, enhancing your property's value and safety.",
|
||||
},
|
||||
title: "Roof Replacement", description: "Full-service roof replacement, from old roof removal to new installation, enhancing your property's value and safety."},
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Preventative Maintenance",
|
||||
description: "Regular inspections and proactive maintenance to identify potential issues early and prevent costly future repairs.",
|
||||
},
|
||||
title: "Preventative Maintenance", description: "Regular inspections and proactive maintenance to identify potential issues early and prevent costly future repairs."},
|
||||
]}
|
||||
title="Our Comprehensive Roofing Services"
|
||||
description="From minor repairs to complete roof overhauls, our certified team handles all your roofing needs with precision and care, ensuring lasting protection for your property."
|
||||
@@ -169,50 +124,20 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@HomeownerAbilene",
|
||||
testimonial: "Abilene Roofing Contractors did an incredible job replacing our old, leaky roof. The team was professional, efficient, and left our property spotless. Highly recommend their services!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-home_1157-18426.jpg",
|
||||
imageAlt: "Happy homeowner Sarah J.",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@HomeownerAbilene", testimonial: "Abilene Roofing Contractors did an incredible job replacing our old, leaky roof. The team was professional, efficient, and left our property spotless. Highly recommend their services!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-home_1157-18426.jpg", imageAlt: "Happy homeowner Sarah J."},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael D.",
|
||||
handle: "@LocalBusinessOwner",
|
||||
testimonial: "Our commercial building needed extensive roof repairs. Abilene Roofing Contractors provided a clear estimate, completed the work on schedule, and the quality is outstanding. Fantastic service!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
|
||||
imageAlt: "Business owner Michael D.",
|
||||
},
|
||||
id: "2", name: "Michael D.", handle: "@LocalBusinessOwner", testimonial: "Our commercial building needed extensive roof repairs. Abilene Roofing Contractors provided a clear estimate, completed the work on schedule, and the quality is outstanding. Fantastic service!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg", imageAlt: "Business owner Michael D."},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@SatisfiedClient",
|
||||
testimonial: "I had storm damage and needed an urgent repair. They responded quickly and secured my roof, preventing further damage. Their rapid response and excellent work saved the day!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sportswoman-smiling-listening-music_23-2147600806.jpg",
|
||||
imageAlt: "Satisfied client Emily R.",
|
||||
},
|
||||
id: "3", name: "Emily R.", handle: "@SatisfiedClient", testimonial: "I had storm damage and needed an urgent repair. They responded quickly and secured my roof, preventing further damage. Their rapid response and excellent work saved the day!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sportswoman-smiling-listening-music_23-2147600806.jpg", imageAlt: "Satisfied client Emily R."},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
handle: "@HomeImprovements",
|
||||
testimonial: "From the initial consultation to the final inspection, everything was smooth. The team was knowledgeable, friendly, and delivered a beautiful, durable new roof. Very impressed!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-safety-helmet-vest_23-2148269280.jpg",
|
||||
imageAlt: "Homeowner David L.",
|
||||
},
|
||||
id: "4", name: "David L.", handle: "@HomeImprovements", testimonial: "From the initial consultation to the final inspection, everything was smooth. The team was knowledgeable, friendly, and delivered a beautiful, durable new roof. Very impressed!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-safety-helmet-vest_23-2148269280.jpg", imageAlt: "Homeowner David L."},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda & Tom B.",
|
||||
handle: "@AbileneResidents",
|
||||
testimonial: "We’ve used Abilene Roofing Contractors for years for maintenance and minor repairs. They are always reliable, honest, and do quality work. Wouldn't trust anyone else with our roof!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-senior-couple-laughing_23-2148268553.jpg",
|
||||
imageAlt: "Abilene residents Linda & Tom B.",
|
||||
},
|
||||
id: "5", name: "Linda & Tom B.", handle: "@AbileneResidents", testimonial: "We’ve used Abilene Roofing Contractors for years for maintenance and minor repairs. They are always reliable, honest, and do quality work. Wouldn't trust anyone else with our roof!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-senior-couple-laughing_23-2148268553.jpg", imageAlt: "Abilene residents Linda & Tom B."},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Valued Clients Say"
|
||||
@@ -227,20 +152,11 @@ export default function LandingPage() {
|
||||
tag="Trusted Performance"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years Serving Abilene",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Years Serving Abilene"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Projects Completed"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "m3", value: "98%", description: "Customer Satisfaction"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -251,13 +167,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0kih16",
|
||||
"http://img.b2bpic.net/free-vector/vintage-label-badge-logo-icon_126523-774.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y33mod",
|
||||
"http://img.b2bpic.net/free-photo/dinosaurs-inside-panel-ai-generated_268835-18654.jpg",
|
||||
"http://img.b2bpic.net/free-vector/blue-logo-insurance-family_1057-2815.jpg",
|
||||
"http://img.b2bpic.net/free-vector/ecology-concept-with-light-bulb-paper-style_23-2148422954.jpg",
|
||||
"http://img.b2bpic.net/free-vector/flat-design-bank-holiday-labels_23-2149360401.jpg",
|
||||
"GAF Certified", "BBB Accredited", "CertainTeed Select ShingleMaster", "Owens Corning Preferred Contractor", "Abilene Chamber of Commerce"
|
||||
]}
|
||||
title="Proudly Certified & Partnered"
|
||||
description="Our dedication to quality, safety, and customer satisfaction is backed by leading industry certifications and trusted partnerships."
|
||||
@@ -270,20 +180,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What types of roofing services do you offer?",
|
||||
content: "We offer a full range of roofing services, including new roof installation, roof repair, complete roof replacement, preventative maintenance, and emergency services for both residential and commercial properties.",
|
||||
},
|
||||
id: "q1", title: "What types of roofing services do you offer?", content: "We offer a full range of roofing services, including new roof installation, roof repair, complete roof replacement, preventative maintenance, and emergency services for both residential and commercial properties."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long does a roof replacement typically take?",
|
||||
content: "The duration of a roof replacement depends on several factors, such as the size of your roof, the materials being used, and weather conditions. Most residential roof replacements can be completed within 1-3 days. We provide a detailed timeline during your initial estimate.",
|
||||
},
|
||||
id: "q2", title: "How long does a roof replacement typically take?", content: "The duration of a roof replacement depends on several factors, such as the size of your roof, the materials being used, and weather conditions. Most residential roof replacements can be completed within 1-3 days. We provide a detailed timeline during your initial estimate."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we offer complimentary, no-obligation estimates for all our roofing services. Contact us today to schedule your free inspection and consultation!",
|
||||
},
|
||||
id: "q3", title: "Do you offer free estimates?", content: "Yes, we offer complimentary, no-obligation estimates for all our roofing services. Contact us today to schedule your free inspection and consultation!"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/carefree-multiethnic-woman-man-examine-paperwork_273609-44257.jpg"
|
||||
imageAlt="Roofer inspecting a residential roof"
|
||||
@@ -299,18 +200,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Ready for a durable, reliable roof? Contact Abilene Roofing Contractors today for a free, no-obligation estimate and let us protect your home or business."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "tel:+13255551234",
|
||||
},
|
||||
text: "Get a Free Quote", href: "tel:+13255551234"},
|
||||
{
|
||||
text: "Call Us Now",
|
||||
href: "mailto:info@abileneroofing.com",
|
||||
},
|
||||
text: "Call Us Now", href: "mailto:info@abileneroofing.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -322,19 +218,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/abileneroofing",
|
||||
ariaLabel: "Facebook page",
|
||||
},
|
||||
href: "https://facebook.com/abileneroofing", ariaLabel: "Facebook page"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/abileneroofing",
|
||||
ariaLabel: "Instagram profile",
|
||||
},
|
||||
href: "https://instagram.com/abileneroofing", ariaLabel: "Instagram profile"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/abileneroofing",
|
||||
ariaLabel: "LinkedIn profile",
|
||||
},
|
||||
href: "https://linkedin.com/company/abileneroofing", ariaLabel: "LinkedIn profile"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user