Merge version_1 into main #2
204
src/app/page.tsx
204
src/app/page.tsx
@@ -19,8 +19,8 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="medium"
|
||||
background="floatingGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Raptor Roofing"
|
||||
/>
|
||||
@@ -53,103 +45,56 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background="floatingGradient"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Expert Roofing & Construction"
|
||||
description="Providing top-tier roof replacements, custom deck building, and professional stucco and drywall finishes for your home."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Raptor Roofing transformed our home exterior. Their craftsmanship is unmatched!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg?_wi=1",
|
||||
imageAlt: "residential roof installation construction",
|
||||
},
|
||||
name: "John Doe", handle: "@johndoe", testimonial: "Raptor Roofing transformed our home exterior. Their craftsmanship is unmatched!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg", imageAlt: "residential roof installation construction"},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "Fast, professional, and reliable roof replacement. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-helmet-indoors_23-2148920599.jpg?_wi=1",
|
||||
imageAlt: "professional construction team smiling",
|
||||
},
|
||||
name: "Jane Smith", handle: "@janesmith", testimonial: "Fast, professional, and reliable roof replacement. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-helmet-indoors_23-2148920599.jpg", imageAlt: "professional construction team smiling"},
|
||||
{
|
||||
name: "Mark Wilson",
|
||||
handle: "@mwilson",
|
||||
testimonial: "Exceptional communication and high quality materials used throughout.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362809.jpg?_wi=1",
|
||||
imageAlt: "happy home owner portrait",
|
||||
},
|
||||
name: "Mark Wilson", handle: "@mwilson", testimonial: "Exceptional communication and high quality materials used throughout.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362809.jpg", imageAlt: "happy home owner portrait"},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_r",
|
||||
testimonial: "They fixed my leaky roof in just one day. Incredible service!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-smartphone-holding-cup-while-his-friend-working-kitchen_23-2148195243.jpg?_wi=1",
|
||||
imageAlt: "successful home renovation client",
|
||||
},
|
||||
name: "Elena Rodriguez", handle: "@elena_r", testimonial: "They fixed my leaky roof in just one day. Incredible service!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-smartphone-holding-cup-while-his-friend-working-kitchen_23-2148195243.jpg", imageAlt: "successful home renovation client"},
|
||||
{
|
||||
name: "Chris Taylor",
|
||||
handle: "@ctaylor",
|
||||
testimonial: "Best decking installation in the city. Professional crew.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15697.jpg?_wi=1",
|
||||
imageAlt: "smiling customer construction project",
|
||||
},
|
||||
name: "Chris Taylor", handle: "@ctaylor", testimonial: "Best decking installation in the city. Professional crew.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15697.jpg", imageAlt: "smiling customer construction project"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Estimate", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg"
|
||||
imageAlt="Professional roof replacement services"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362809.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362809.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-looking-smartphone-holding-cup-while-his-friend-working-kitchen_23-2148195243.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-looking-smartphone-holding-cup-while-his-friend-working-kitchen_23-2148195243.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15697.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15697.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/carpenter-man-working-sideways_23-2148748786.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/carpenter-man-working-sideways_23-2148748786.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "10+ Years Experience",
|
||||
},
|
||||
type: "text", text: "10+ Years Experience"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
type: "text", text: "Quality Guaranteed"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Consultations",
|
||||
},
|
||||
type: "text", text: "Free Consultations"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Experts",
|
||||
},
|
||||
type: "text", text: "Local Experts"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,7 +107,7 @@ export default function LandingPage() {
|
||||
description="At Raptor Roofing & Construction, we treat every home as if it were our own. With years of experience, we provide exceptional craftsmanship."
|
||||
subdescription="From roofing and decking to intricate interior and exterior finishes, our mission is to deliver lasting quality."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-wearing-helmet-indoors_23-2148920599.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-wearing-helmet-indoors_23-2148920599.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -175,22 +120,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Roof Replacement & Repairs",
|
||||
description: "High-quality materials and expert installation to protect your home from the elements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg?_wi=3",
|
||||
},
|
||||
title: "Roof Replacement & Repairs", description: "High-quality materials and expert installation to protect your home from the elements.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Porch & Deck Construction",
|
||||
description: "Custom designed outdoor living spaces tailored to your lifestyle and needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg?_wi=4",
|
||||
},
|
||||
title: "Porch & Deck Construction", description: "Custom designed outdoor living spaces tailored to your lifestyle and needs.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Stucco & Drywall Finishes",
|
||||
description: "Flawless wall finishes, both interior and exterior, ensuring a perfect aesthetic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg?_wi=5",
|
||||
},
|
||||
title: "Stucco & Drywall Finishes", description: "Flawless wall finishes, both interior and exterior, ensuring a perfect aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg"},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Comprehensive construction and finishing solutions for your entire property."
|
||||
@@ -204,40 +140,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Incredible work on our deck. Exceeded expectations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362809.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Incredible work on our deck. Exceeded expectations.", imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362809.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
handle: "@miker",
|
||||
testimonial: "Raptor Roofing is the most reliable contractor I've ever worked with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-smartphone-holding-cup-while-his-friend-working-kitchen_23-2148195243.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Mike R.", handle: "@miker", testimonial: "Raptor Roofing is the most reliable contractor I've ever worked with.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-smartphone-holding-cup-while-his-friend-working-kitchen_23-2148195243.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
handle: "@emilyp",
|
||||
testimonial: "Professional, clean, and fast. Drywall looks brand new!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15697.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Emily P.", handle: "@emilyp", testimonial: "Professional, clean, and fast. Drywall looks brand new!", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15697.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Top-notch roofing repair. Fixed my leak in no time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-sideways_23-2148748786.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "@davidk", testimonial: "Top-notch roofing repair. Fixed my leak in no time.", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-sideways_23-2148748786.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna S.",
|
||||
handle: "@annas",
|
||||
testimonial: "Responsive team and very fair pricing for the quality provided.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-helmet-indoors_23-2148920599.jpg?_wi=3",
|
||||
},
|
||||
id: "5", name: "Anna S.", handle: "@annas", testimonial: "Responsive team and very fair pricing for the quality provided.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-helmet-indoors_23-2148920599.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="We take pride in our work and it shows in the feedback from our valued customers."
|
||||
@@ -250,27 +161,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, all our project consultations and estimates are completely free.",
|
||||
},
|
||||
id: "1", title: "Do you offer free estimates?", content: "Yes, all our project consultations and estimates are completely free."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely. We are fully licensed, bonded, and insured for your peace of mind.",
|
||||
},
|
||||
id: "2", title: "Are you licensed and insured?", content: "Absolutely. We are fully licensed, bonded, and insured for your peace of mind."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What areas do you serve?",
|
||||
content: "We serve the greater metropolitan area and surrounding neighborhoods.",
|
||||
},
|
||||
id: "3", title: "What areas do you serve?", content: "We serve the greater metropolitan area and surrounding neighborhoods."},
|
||||
]}
|
||||
ctaTitle="Ready to Start Your Project?"
|
||||
ctaDescription="Get in touch today for a free consultation and project estimate."
|
||||
ctaButton={{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@raptorroofing.com",
|
||||
}}
|
||||
text: "Contact Us", href: "mailto:hello@raptorroofing.com"}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
@@ -281,29 +181,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user