Merge version_2 into main #2
206
src/app/page.tsx
206
src/app/page.tsx
@@ -2,17 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { ShieldCheck } from "lucide-react";
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { ShieldCheck, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,33 +31,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="ARS Roofing"
|
||||
button={{
|
||||
text: "Get Quote", href: "#contact"}}
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Alternative Roofing Services: Quality You Can Trust"
|
||||
description="Premium roofing solutions tailored for modern homes. Expert installations, repairs, and long-term maintenance for every season."
|
||||
tag="Trusted Professional Roofers"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg", imageAlt: "Professional roof installation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-elegant-geometrical-textures-backgrounds_23-2149073296.jpg", imageAlt: "Close-up of premium shingles"}
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg", imageAlt: "Professional roof installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-elegant-geometrical-textures-backgrounds_23-2149073296.jpg", imageAlt: "Close-up of premium shingles" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -74,12 +65,9 @@ export default function LandingPage() {
|
||||
title="Decades of Roof Excellence"
|
||||
description="ARS has served the community for over 20 years, ensuring every home stays dry, safe, and beautiful. We blend traditional craftsmanship with cutting-edge materials."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Licensed Professionals", description: "Fully insured and certified installation experts."},
|
||||
{
|
||||
title: "Premium Materials", description: "Top-tier shingles, metal, and tiles that last."},
|
||||
{
|
||||
title: "Comprehensive Warranty", description: "Peace of mind with every project completed."},
|
||||
{ title: "Licensed Professionals", description: "Fully insured and certified installation experts." },
|
||||
{ title: "Premium Materials", description: "Top-tier shingles, metal, and tiles that last." },
|
||||
{ title: "Comprehensive Warranty", description: "Peace of mind with every project completed." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-female-supervisor-communicating-with-foreman-outdoors_259150-60520.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -87,31 +75,15 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Roof Installation", author: "Pro Team", description: "Start fresh with a modern, high-efficiency roofing system.", tags: [
|
||||
"New Build", "Modern"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cat-floor-house_23-2149304095.jpg"},
|
||||
{
|
||||
id: "f2", title: "Emergency Repair", author: "Rapid Response", description: "Fast diagnostics and fixes when you need them most.", tags: [
|
||||
"Repair", "Urgent"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-hammer-with-hard-hat-construction_23-2150530730.jpg"},
|
||||
{
|
||||
id: "f3", title: "Maintenance Plans", author: "Support Dept", description: "Proactive inspections to extend your roof's lifespan.", tags: [
|
||||
"Support", "Annual"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-modern-house_23-2149343652.jpg"},
|
||||
{
|
||||
id: "f4", title: "Drainage Management", author: "Systems Tech", description: "Prevent water damage with our pro gutter solutions.", tags: [
|
||||
"Drainage", "Preventive"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg"},
|
||||
{
|
||||
id: "f5", title: "Roof Inspection", author: "Safety Audit", description: "Comprehensive site safety and structure evaluations.", tags: [
|
||||
"Analysis", "Safety"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg"},
|
||||
products={[
|
||||
{ id: "f1", name: "Roof Installation", price: "Professional Grade", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cat-floor-house_23-2149304095.jpg" },
|
||||
{ id: "f2", name: "Emergency Repair", price: "24/7 Response", imageSrc: "http://img.b2bpic.net/free-photo/view-hammer-with-hard-hat-construction_23-2150530730.jpg" },
|
||||
{ id: "f3", name: "Maintenance Plans", price: "Extended Life", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-modern-house_23-2149343652.jpg" }
|
||||
]}
|
||||
title="Our Specialized Roofing Services"
|
||||
description="From emergency repairs to complete roof replacements, we provide end-to-end support for your biggest home investment."
|
||||
@@ -125,18 +97,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Asphalt Shingles", price: "From $5/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/top-view-razor-blades-with-yellow-background_23-2150970031.jpg"},
|
||||
{
|
||||
id: "p2", name: "Metal Paneling", price: "From $8/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg"},
|
||||
{
|
||||
id: "p3", name: "Clay Tiles", price: "From $12/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/textured-background_53876-30435.jpg"},
|
||||
{
|
||||
id: "p4", name: "Slate Materials", price: "From $15/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-16023.jpg"},
|
||||
{
|
||||
id: "p5", name: "Solar Shingles", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/house-made-leaf_23-2148576716.jpg"},
|
||||
{
|
||||
id: "p6", name: "Drainage Systems", price: "From $400/set", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg"},
|
||||
{ id: "p1", name: "Asphalt Shingles", price: "From $5/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/top-view-razor-blades-with-yellow-background_23-2150970031.jpg" },
|
||||
{ id: "p2", name: "Metal Paneling", price: "From $8/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg" },
|
||||
{ id: "p3", name: "Clay Tiles", price: "From $12/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/textured-background_53876-30435.jpg" }
|
||||
]}
|
||||
title="Roofing Materials Gallery"
|
||||
description="Browse our curated selection of high-performance materials for durability and curb appeal."
|
||||
@@ -144,106 +107,75 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
<MetricCardOne
|
||||
animationType="depth-3d"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "1500+", title: "Completed Projects", items: [
|
||||
"Residential", "Commercial"],
|
||||
},
|
||||
{
|
||||
id: "m2", value: "20+", title: "Years Experience", items: [
|
||||
"Industry Leaders"],
|
||||
},
|
||||
{
|
||||
id: "m3", value: "99%", title: "Customer Satisfaction", items: [
|
||||
"Highest Rated"],
|
||||
},
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
description="ARS Roofing prides itself on measurable results and customer trust."
|
||||
metrics={[
|
||||
{ id: "m1", value: "1500+", title: "Projects", description: "Residential & Commercial", icon: ShieldCheck },
|
||||
{ id: "m2", value: "20+", title: "Years", description: "Industry Leadership", icon: ShieldCheck },
|
||||
{ id: "m3", value: "99%", title: "Satisfaction", description: "Rated by Homeowners", icon: Star },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", title: "Excellent Team", quote: "The team finished my roof faster than I expected, and the quality is superb.", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg"},
|
||||
{
|
||||
id: "t2", title: "Professional Service", quote: "ARS roofing helped me through a leak emergency. They are truly the best in the business.", name: "Mark D.", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg"},
|
||||
{
|
||||
id: "t3", title: "Very Satisfied", quote: "Absolutely top notch materials and attention to detail. My roof looks brand new.", name: "Linda M.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-teenage-girl-with-chubby-cheeks-make-up-long-wavy-hair-posing-home-sitting-table-smiling-happily-camera-being-good-mood_343059-2080.jpg"},
|
||||
{
|
||||
id: "t4", title: "Highly Recommended", quote: "Fast, clean, and extremely professional. Best roofing experience ever.", name: "Robert B.", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-couple-together-love_23-2148388839.jpg"},
|
||||
{
|
||||
id: "t5", title: "Great Value", quote: "Affordable yet high quality. My energy bills dropped after the new install.", name: "David L.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-bed_23-2149304904.jpg"},
|
||||
]}
|
||||
<TestimonialCardSixteen
|
||||
title="What Homeowners Say"
|
||||
description="We are proud to serve our community and share their stories."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
animationType="depth-3d"
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Happy Clients" },
|
||||
{ value: "1500+", label: "Projects Finished" },
|
||||
{ value: "20+", label: "Years Expertise" }
|
||||
]}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg" },
|
||||
{ id: "t2", name: "Mark D.", role: "Project Manager", company: "Corporate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "How long does a roof last?", content: "Depending on materials, modern roofs last 20–50 years."},
|
||||
{
|
||||
id: "q2", title: "Do you offer financing?", content: "Yes, we work with various partners to provide flexible payment options."},
|
||||
{
|
||||
id: "q3", title: "Can I install over an old roof?", content: "It depends on existing layer count, but a fresh start is usually best."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers to popular questions about roofing maintenance and installation."
|
||||
<FaqSplitText
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Find answers to popular questions about roofing maintenance and installation."
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "q1", title: "How long does a roof last?", content: "Depending on materials, modern roofs last 20–50 years." },
|
||||
{ id: "q2", title: "Do you offer financing?", content: "Yes, we work with various partners to provide flexible payment options." },
|
||||
{ id: "q3", title: "Can I install over an old roof?", content: "It depends on existing layer count, but a fresh start is usually best." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to discuss your new roof? Get a free inspection from our expert team today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now", href: "#"},
|
||||
]}
|
||||
<ContactSplit
|
||||
title="Get Your Free Quote"
|
||||
description="Ready to discuss your new roof? Get a professional inspection from our team today."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
inputPlaceholder="Your best email"
|
||||
buttonText="Submit Request"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterLogoEmphasis
|
||||
logoText="ARS Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "ARS Roofing", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
|
||||
{ items: [{ label: "Services", href: "#services" }, { label: "Support", href: "#faq" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Legal", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Alternative Roofing Services (ARS)"
|
||||
bottomRightText="All rights reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user