Merge version_1 into main #4
262
src/app/page.tsx
262
src/app/page.tsx
@@ -17,189 +17,111 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Raptor Roofing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Raptor Roofing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
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: "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: "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: "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: "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"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg?_wi=2"
|
||||
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/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/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"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text", text: "10+ Years Experience"},
|
||||
{
|
||||
type: "text", text: "Quality Guaranteed"},
|
||||
{
|
||||
type: "text", text: "Free Consultations"},
|
||||
{
|
||||
type: "text", text: "Local Experts"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardTestimonial
|
||||
title="Expert Roofing & Construction"
|
||||
description="Providing top-tier roof replacements, custom deck building, and professional stucco and drywall finishes for your home."
|
||||
background={{ variant: "glowing-orb" }}
|
||||
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" },
|
||||
{ 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" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Quality You Can Trust"
|
||||
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"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="About Us"
|
||||
title="Quality You Can Trust"
|
||||
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"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
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"},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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="Our Expert Services"
|
||||
description="Comprehensive construction and finishing solutions for your entire property."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Our Expert Services"
|
||||
description="Comprehensive construction and finishing solutions for your entire property."
|
||||
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" },
|
||||
{ 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" },
|
||||
{ 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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
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: "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: "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: "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"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="We take pride in our work and it shows in the feedback from our valued customers."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="What Our Clients Say"
|
||||
description="We take pride in our work and it shows in the feedback from our valued customers."
|
||||
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: "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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
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: "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"}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
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" }}
|
||||
ctaIcon={Phone}
|
||||
faqs={[
|
||||
{ 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." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Raptor Roofing"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Home", href: "#home" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Raptor Roofing"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user