Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6ce1bb8c38 | |||
| ceac6854fe | |||
| fab3a2b409 | |||
| 12cfd9c6fd |
214
src/app/page.tsx
214
src/app/page.tsx
@@ -32,13 +32,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Process", id: "#pricing" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Cabrera & Sons"
|
||||
brandName="Cabrera & Sons
|
||||
"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -49,60 +50,25 @@ export default function LandingPage() {
|
||||
title="Irving's Trusted Roofing Authority"
|
||||
description="Cabrera & Sons Roofing provides expert roof replacement, storm repairs, and exterior maintenance. Family-owned, professional, and dedicated to the highest standards of quality for your home."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Albert Patterson", handle: "@albertp", testimonial: "The whole experience was smooth from start to finish. Pedro and his crew showed up right on time, worked hard, and were really polite.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-glasses-arms-folded_1098-44.jpg"},
|
||||
{
|
||||
name: "Mallory Case", handle: "@malloryc", testimonial: "They kept our property neat, cleaned up all the debris and nails, and left the yard spotless. The inspection passed on the first try.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg"},
|
||||
{
|
||||
name: "Earl Vazquez", handle: "@earlv", testimonial: "Cleanup after both projects was outstanding—I’ve experienced a few roof jobs in the past, and this was by far the most thorough.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-standing-bricks-wall-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-15096.jpg"},
|
||||
{
|
||||
name: "Neil Ortega", handle: "@neilo", testimonial: "They didn't try to talk us into unnecessary work, which I really appreciated. Scott and Todd handled everything quickly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-black-wall_158595-6868.jpg"},
|
||||
{
|
||||
name: "Sara Leon", handle: "@saral", testimonial: "Comforting to see that there are still honest, dependable roofing professionals out there who care about their customers.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"},
|
||||
{
|
||||
name: "Bobby Salas", handle: "@bobbys", testimonial: "The final result was even better and more modern than I expected. Scott and his team set high standards.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
||||
{ name: "Albert Patterson", handle: "@albertp", testimonial: "The whole experience was smooth from start to finish. Pedro and his crew showed up right on time, worked hard, and were really polite.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-glasses-arms-folded_1098-44.jpg"},
|
||||
{ name: "Mallory Case", handle: "@malloryc", testimonial: "They kept our property neat, cleaned up all the debris and nails, and left the yard spotless. The inspection passed on the first try.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg"},
|
||||
{ name: "Earl Vazquez", handle: "@earlv", testimonial: "Cleanup after both projects was outstanding—I’ve experienced a few roof jobs in the past, and this was by far the most thorough.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-standing-bricks-wall-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-15096.jpg"},
|
||||
{ name: "Neil Ortega", handle: "@neilo", testimonial: "They didn't try to talk us into unnecessary work, which I really appreciated. Scott and Todd handled everything quickly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-black-wall_158595-6868.jpg"},
|
||||
{ name: "Sara Leon", handle: "@saral", testimonial: "Comforting to see that there are still honest, dependable roofing professionals out there who care about their customers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"},
|
||||
{ name: "Bobby Salas", handle: "@bobbys", testimonial: "The final result was even better and more modern than I expected. Scott and his team set high standards.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate", href: "#contact"},
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-lamp-hanging-inside-building-with-glass-ceiling_181624-11469.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-wearing-eyeglasses_1262-4761.jpg", alt: "Smiling business woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg", alt: "Happy businessman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg", alt: "Experienced executive"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-father-smiling-taking-selfie-while-giving-thumbs-up_23-2148414933.jpg", alt: "Smiling father"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg", alt: "Young businessman"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-wearing-eyeglasses_1262-4761.jpg", alt: "Smiling business woman"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg", alt: "Happy businessman"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg", alt: "Experienced executive"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-father-smiling-taking-selfie-while-giving-thumbs-up_23-2148414933.jpg", alt: "Smiling father"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg", alt: "Young businessman"},
|
||||
]}
|
||||
avatarText="Trusted by 1,500+ Irving Homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", text: "Storm Damage Repair", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Leak Detection", icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Gutter Maintenance", icon: ArrowDown,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Professional Inspection", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Energy Efficiency", icon: Sun,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -111,15 +77,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Irving's Roofing Experts"
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Successful Projects", value: "1500+"},
|
||||
{
|
||||
icon: Home,
|
||||
label: "Homes Secured", value: "99%"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Avg Completion Time", value: "<2 Days"},
|
||||
{ icon: CheckCircle, label: "Successful Projects", value: "1500+" },
|
||||
{ icon: Home, label: "Homes Secured", value: "99%" },
|
||||
{ icon: Clock, label: "Avg Completion Time", value: "<2 Days" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -130,145 +90,25 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Storm Damage Repair", description: "Rapid response to mend roofs affected by severe weather, preventing long-term structural damage.", imageSrc: "http://img.b2bpic.net/free-photo/man-black-coat-stands-beige-backyard_8353-1105.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Leak Detection & Repair", description: "Pinpointing leaks through advanced inspection and applying professional-grade seals.", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg", buttonIcon: Droplets,
|
||||
},
|
||||
{
|
||||
title: "Gutter Cleaning & Systems", description: "Professional gutter maintenance, cleaning, and installation of leaf-free protection systems.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spraying-powder-paint_23-2149714282.jpg", buttonIcon: ArrowDown,
|
||||
},
|
||||
{
|
||||
title: "Skylight & Chimney", description: "Expert sealing and repair for chimney flashings and skylight perimeters to stop water entry.", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", buttonIcon: Sun,
|
||||
},
|
||||
{ title: "Storm Damage Repair", description: "Rapid response to mend roofs affected by severe weather, preventing long-term structural damage.", imageSrc: "http://img.b2bpic.net/free-photo/man-black-coat-stands-beige-backyard_8353-1105.jpg", buttonIcon: Zap },
|
||||
{ title: "Leak Detection & Repair", description: "Pinpointing leaks through advanced inspection and applying professional-grade seals.", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg", buttonIcon: Droplets },
|
||||
{ title: "Gutter Cleaning & Systems", description: "Professional gutter maintenance, cleaning, and installation of leaf-free protection systems.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spraying-powder-paint_23-2149714282.jpg", buttonIcon: ArrowDown },
|
||||
{ title: "Skylight & Chimney", description: "Expert sealing and repair for chimney flashings and skylight perimeters to stop water entry.", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", buttonIcon: Sun },
|
||||
]}
|
||||
title="Comprehensive Roofing Services"
|
||||
description="From emergency storm repairs to full roof replacements, we deliver tailored solutions to protect your home against the Texas elements."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Premium Asphalt Shingles", price: "High Durability", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-drips-morning-dew-car-window_181624-3141.jpg"},
|
||||
{
|
||||
id: "p2", name: "Clay Tile Roofing", price: "Luxury Aesthetic", imageSrc: "http://img.b2bpic.net/free-photo/old-tiles-roof-background_1373-44.jpg"},
|
||||
{
|
||||
id: "p3", name: "Metal Roofing", price: "Energy Efficient", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg"},
|
||||
{
|
||||
id: "p4", name: "Leaf-Free Gutter Systems", price: "Protection", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg"},
|
||||
{
|
||||
id: "p5", name: "Advanced Attic Ventilation", price: "Efficiency", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132182.jpg"},
|
||||
{
|
||||
id: "p6", name: "Copper Flashing", price: "Sealing", imageSrc: "http://img.b2bpic.net/free-photo/i-phrase-embedded-grey-tissue_114579-18369.jpg"},
|
||||
]}
|
||||
title="Professional Roofing Systems"
|
||||
description="High-performance materials designed for durability, energy efficiency, and stunning aesthetics."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "plan1", badge: "Repair", price: "Inspection Based", subtitle: "Perfect for minor leaks or checks", buttons: [
|
||||
{
|
||||
text: "Book Inspection", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Roof inspection", "Leak detection", "Minor seal repair", "Vent check"],
|
||||
},
|
||||
{
|
||||
id: "plan2", badge: "System", price: "Quote Based", subtitle: "Full peace of mind for home", buttons: [
|
||||
{
|
||||
text: "Get Quote", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Full shingle replacement", "New deck installation", "Gutter system upgrade", "Lifetime warranty options"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Roofing Plans"
|
||||
description="Clear pricing with no hidden surprises, tailored to your home's unique needs in Irving."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Albert Patterson", role: "Homeowner", company: "Irving Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-indoor-shot-attractive-cute-young-female-with-charming-smile-standing-kitchen-interior-background-crossing-arms-her-chest-embracing-herself-having-happy-look_343059-2091.jpg"},
|
||||
{
|
||||
id: "t2", name: "Mallory Case", role: "Homeowner", company: "Irving Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-149935.jpg"},
|
||||
{
|
||||
id: "t3", name: "Earl Vazquez", role: "Homeowner", company: "Irving Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
|
||||
{
|
||||
id: "t4", name: "Neil Ortega", role: "Homeowner", company: "Irving Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-girl-with-pixie-haircut-pointing-camera-isolated-olive-green-background-with-copy-space_141793-88505.jpg"},
|
||||
{
|
||||
id: "t5", name: "Sara Leon", role: "Homeowner", company: "Irving Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg"},
|
||||
{
|
||||
id: "t6", name: "Bobby Salas", role: "Homeowner", company: "Irving Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0", label: "Avg Rating"},
|
||||
{
|
||||
value: "1500+", label: "Completed Projects"},
|
||||
{
|
||||
value: "100%", label: "Customer Satisfaction"},
|
||||
]}
|
||||
title="Trusted by Irving Homeowners"
|
||||
description="See why neighbors trust Cabrera & Sons with their most valuable asset."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1", title: "Do you provide free estimates?", content: "Yes, we provide clear, straightforward estimates after an in-person inspection of your roof."},
|
||||
{
|
||||
id: "faq2", title: "Are you licensed and insured?", content: "Cabrera & Sons Roofing LLC is fully licensed and insured, ensuring your home is protected during every step of the project."},
|
||||
{
|
||||
id: "faq3", title: "How quickly can you respond to storm damage?", content: "We prioritize emergency repairs and storm damage, often responding within the same day to provide tarping and initial assessments."},
|
||||
{
|
||||
id: "faq4", title: "Do you help with insurance claims?", content: "Absolutely. Our project managers are skilled at working with insurance adjusters, providing detailed reports and photos to ensure fair coverage."},
|
||||
]}
|
||||
sideTitle="Questions About Roofing?"
|
||||
sideDescription="We've compiled common queries to help you make informed decisions about your home's roof."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to Protect Your Home?"
|
||||
description="Schedule a free inspection with the roofing experts in Irving. Our professional team is ready to help you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now", href: "#"},
|
||||
{ text: "Contact Us Now", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -276,10 +116,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Cabrera & Sons"
|
||||
leftLink={{
|
||||
text: "© 2024 All Rights Reserved", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
leftLink={{ text: "© 2024 All Rights Reserved", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
83
src/app/services/page.tsx
Normal file
83
src/app/services/page.tsx
Normal file
@@ -0,0 +1,83 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import { Zap, Droplets, ArrowDown, Sun, Settings, Wind, Shield, AlertCircle, RefreshCcw, Home, PaintBucket, Umbrella, Thermometer, Flame, Zap as ZapIcon } from "lucide-react";
|
||||
|
||||
export default function ServicesPage() {
|
||||
const services = [
|
||||
"Storm Damage Repair", "Structural Repair", "Leak Detection and Repair", "Emergency Hail Damage Repair",
|
||||
"Shingle Replacement", "Ridge Cap Repair", "Wind Lift Repairs", "Thermal Insulation Improvement",
|
||||
"Skylight Sealing and Repair", "Animal Damage Repair", "Flat Roof Repair", "Soffit and Fascia Repair",
|
||||
"Energy Efficiency Upgrades", "Flashing Repair", "Re-roofing", "Waterproofing", "Granule Loss Replacement",
|
||||
"Tile Replacement", "Ventilation Issues", "Chimney Sealing and Repair", "Moss and Algae Cleaning",
|
||||
"Roof Cleaning", "Ice Dam Removal", "Full Roof Replacement", "Gutter Cleaning and Repair"
|
||||
];
|
||||
|
||||
const features = services.map((s, i) => ({
|
||||
title: s,
|
||||
description: `Professional ${s.toLowerCase()} tailored for Irving homeowners to ensure lasting durability.`,
|
||||
buttonIcon: Zap
|
||||
}));
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Cabrera & Sons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Roofing Services for Irving"
|
||||
description="We offer a comprehensive suite of roofing services to maintain, repair, and replace your roof with precision."
|
||||
features={features}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contact us"
|
||||
title="Need a Service?"
|
||||
description="Schedule your service with our professional team today."
|
||||
buttons={[{ text: "Get Quote", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Cabrera & Sons"
|
||||
leftLink={{ text: "© 2024 All Rights Reserved", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user