Merge version_1 into main #2
415
src/app/page.tsx
415
src/app/page.tsx
@@ -29,307 +29,138 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Finance",
|
||||
id: "#finance",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="RoofFin Solutions"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Finance", id: "#finance" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="RoofFin Solutions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Expert Roofing & Financial Planning"
|
||||
description="Premium roofing repair combined with expert financial consulting to secure your home and your future."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg?_wi=1"
|
||||
imageAlt="Professional roof repair services"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Expert Roofing & Financial Planning"
|
||||
description="Premium roofing repair combined with expert financial consulting to secure your home and your future."
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg"
|
||||
imageAlt="Professional roof repair services"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Protecting Your Most Valuable Asset"
|
||||
description="At RoofFin Solutions, we believe your home deserves the best care. We merge structural integrity with smart financial management to provide a holistic approach to homeownership, ensuring peace of mind for you and your family."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Protecting Your Most Valuable Asset"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Leak Repair",
|
||||
description: "Rapid response to water leaks and storm damage.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Roof Replacement",
|
||||
description: "Full tear-offs and professional new installations.",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Inspections",
|
||||
description: "Detailed evaluations to extend your roof lifespan.",
|
||||
},
|
||||
{
|
||||
icon: Home,
|
||||
title: "Gutter Maintenance",
|
||||
description: "Cleaning and repair to prevent drainage issues.",
|
||||
},
|
||||
{
|
||||
icon: Sun,
|
||||
title: "Energy Upgrades",
|
||||
description: "Reflective coatings and ventilation improvements.",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Roofing Services"
|
||||
description="From emergency leak repairs to full roof replacements, we provide high-quality workmanship."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Shield, title: "Leak Repair", description: "Rapid response to water leaks and storm damage." },
|
||||
{ icon: Zap, title: "Roof Replacement", description: "Full tear-offs and professional new installations." },
|
||||
{ icon: CheckCircle, title: "Inspections", description: "Detailed evaluations to extend your roof lifespan." },
|
||||
{ icon: Home, title: "Gutter Maintenance", description: "Cleaning and repair to prevent drainage issues." },
|
||||
{ icon: Sun, title: "Energy Upgrades", description: "Reflective coatings and ventilation improvements." },
|
||||
]}
|
||||
title="Comprehensive Roofing Services"
|
||||
description="From emergency leak repairs to full roof replacements, we provide high-quality workmanship."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="finance" data-section="finance">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Project Financing",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-calculator-tablet-white-neat-desk_1387-384.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Asset Audit",
|
||||
price: "Contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-with-blank-screen-digital-tablet-laptop-wooden-desk-office_1150-1473.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Home Investment",
|
||||
price: "Consult",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-with-wooden-blocks-with-words_176474-10433.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tax Planning",
|
||||
price: "Hourly",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-copy-space-office-desk-table-with-pen-focus-analysis-chart-computer-notebook-cup-coffee-desk-vintage-tone-retro-filter-selective-focus_1418-578.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Loan Advisory",
|
||||
price: "Fixed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/negotiating-with-new-employee_1098-503.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Risk Analysis",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-wooden-desk-table-with-laptop-pen-office_1423-201.jpg",
|
||||
},
|
||||
]}
|
||||
title="Financial Solutions"
|
||||
description="Flexible financing options for your roofing projects and long-term asset management services."
|
||||
/>
|
||||
</div>
|
||||
<div id="finance" data-section="finance">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Project Financing", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/glasses-calculator-tablet-white-neat-desk_1387-384.jpg" },
|
||||
{ id: "p2", name: "Asset Audit", price: "Contact", imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-with-blank-screen-digital-tablet-laptop-wooden-desk-office_1150-1473.jpg" },
|
||||
{ id: "p3", name: "Home Investment", price: "Consult", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-with-wooden-blocks-with-words_176474-10433.jpg" },
|
||||
{ id: "p4", name: "Tax Planning", price: "Hourly", imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-copy-space-office-desk-table-with-pen-focus-analysis-chart-computer-notebook-cup-coffee-desk-vintage-tone-retro-filter-selective-focus_1418-578.jpg" },
|
||||
{ id: "p5", name: "Loan Advisory", price: "Fixed", imageSrc: "http://img.b2bpic.net/free-photo/negotiating-with-new-employee_1098-503.jpg" },
|
||||
{ id: "p6", name: "Risk Analysis", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-wooden-desk-table-with-laptop-pen-office_1423-201.jpg" },
|
||||
]}
|
||||
title="Financial Solutions"
|
||||
description="Flexible financing options for your roofing projects and long-term asset management services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Excellent repair service and clear financial advice.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg",
|
||||
imageAlt: "Cute yellow rural house with wooden stairs in countryside.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Very professional approach to roofing projects.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg?_wi=2",
|
||||
imageAlt: "Cute yellow rural house with wooden stairs in countryside.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "The financing options made the repair manageable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-calculator-tablet-white-neat-desk_1387-384.jpg?_wi=2",
|
||||
imageAlt: "Cute yellow rural house with wooden stairs in countryside.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Great attention to detail in inspection.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-with-blank-screen-digital-tablet-laptop-wooden-desk-office_1150-1473.jpg?_wi=2",
|
||||
imageAlt: "Cute yellow rural house with wooden stairs in countryside.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex B.",
|
||||
handle: "@alexb",
|
||||
testimonial: "Top-tier roofers and financial advisors.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-with-wooden-blocks-with-words_176474-10433.jpg?_wi=2",
|
||||
imageAlt: "Cute yellow rural house with wooden stairs in countryside.",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Homeowners"
|
||||
description="Hear from our satisfied clients about our roofing and financial services."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Excellent repair service and clear financial advice.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg" },
|
||||
{ id: "2", name: "Mark D.", handle: "@markd", testimonial: "Very professional approach to roofing projects.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg" },
|
||||
{ id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "The financing options made the repair manageable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/glasses-calculator-tablet-white-neat-desk_1387-384.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@davidk", testimonial: "Great attention to detail in inspection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-with-blank-screen-digital-tablet-laptop-wooden-desk-office_1150-1473.jpg" },
|
||||
{ id: "5", name: "Alex B.", handle: "@alexb", testimonial: "Top-tier roofers and financial advisors.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-with-wooden-blocks-with-words_176474-10433.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Homeowners"
|
||||
description="Hear from our satisfied clients about our roofing and financial services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer emergency repairs?",
|
||||
content: "Yes, our team is available 24/7 for emergency leaks.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How does financing work?",
|
||||
content: "We offer various payment plans to fit your budget.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely, we are fully licensed and bonded.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Can I combine roofing and financial consultation?",
|
||||
content: "Yes, we offer bundled packages for home improvement projects and long-term asset management.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "How long does a typical roof inspection take?",
|
||||
content: "Most residential inspections take approximately 1-2 hours depending on the property size.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
description="Answers to the most common questions regarding our roofing and financial services."
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you offer emergency repairs?", content: "Yes, our team is available 24/7 for emergency leaks." },
|
||||
{ id: "q2", title: "How does financing work?", content: "We offer various payment plans to fit your budget." },
|
||||
{ id: "q3", title: "Are you licensed and insured?", content: "Absolutely, we are fully licensed and bonded." },
|
||||
{ id: "q4", title: "Can I combine roofing and financial consultation?", content: "Yes, we offer bundled packages for home improvement projects and long-term asset management." },
|
||||
{ id: "q5", title: "How long does a typical roof inspection take?", content: "Most residential inspections take approximately 1-2 hours depending on the property size." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
description="Answers to the most common questions regarding our roofing and financial services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"RoofCo",
|
||||
"SafeBuild",
|
||||
"SecureFinance",
|
||||
"PrimeFix",
|
||||
"AssetPro",
|
||||
"TrustedHome",
|
||||
"ReliantRoof",
|
||||
]}
|
||||
title="Partnered With Industry Leaders"
|
||||
description="We collaborate with the best in the business to ensure premium outcomes."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["RoofCo", "SafeBuild", "SecureFinance", "PrimeFix", "AssetPro", "TrustedHome", "ReliantRoof"]}
|
||||
title="Partnered With Industry Leaders"
|
||||
description="We collaborate with the best in the business to ensure premium outcomes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Ready to Start?"
|
||||
title="Schedule a Consultation Today"
|
||||
description="Reach out to us for roofing inquiries or financial planning."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message",
|
||||
href: "mailto:info@roofin.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to Start?"
|
||||
title="Schedule a Consultation Today"
|
||||
description="Reach out to us for roofing inquiries or financial planning."
|
||||
buttons={[{ text: "Send Message", href: "mailto:info@roofin.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Roofing",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Finance",
|
||||
href: "#finance",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="RoofFin Solutions"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Services", items: [{ label: "Roofing", href: "#services" }, { label: "Finance", href: "#finance" }] },
|
||||
]}
|
||||
logoText="RoofFin Solutions"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user