Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
440
src/app/page.tsx
440
src/app/page.tsx
@@ -19,320 +19,154 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="RS Andrews"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="RS Andrews"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
title="Your Trusted Plumbing & HVAC Experts"
|
||||
description="Serving Newport News and Tidewater with 7+ years of guaranteed repairs. Professional, reliable, and available 24/7."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Service",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721526.jpg",
|
||||
imageAlt: "plumber fixing sink",
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-calibrating-pressure-device_482257-92757.jpg",
|
||||
imageAlt: "hvac technician inspecting",
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adjusting-heating-valves-residential-building_169016-52905.jpg",
|
||||
imageAlt: "water heater installation",
|
||||
},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg",
|
||||
imageAlt: "plumber bathroom repair",
|
||||
},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53082.jpg",
|
||||
imageAlt: "pipe repair service",
|
||||
},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg",
|
||||
imageAlt: "water pressure check",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Your Trusted Plumbing & HVAC Experts"
|
||||
description="Serving Newport News and Tidewater with 7+ years of guaranteed repairs. Professional, reliable, and available 24/7."
|
||||
buttons={[{ text: "Schedule Service", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721526.jpg", imageAlt: "plumber fixing sink" },
|
||||
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-calibrating-pressure-device_482257-92757.jpg", imageAlt: "hvac technician inspecting" },
|
||||
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/adjusting-heating-valves-residential-building_169016-52905.jpg", imageAlt: "water heater installation" },
|
||||
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg", imageAlt: "plumber bathroom repair" },
|
||||
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53082.jpg", imageAlt: "pipe repair service" },
|
||||
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg", imageAlt: "water pressure check" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Serving the Tidewater Community"
|
||||
description="At RS Andrews, we take pride in our 4.6-star reputation across thousands of reviews. With 7+ years of experience, we provide thorough inspections and guaranteed repairs for your peace of mind."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171290.jpg"
|
||||
imageAlt="plumbing team in front of van"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Serving the Tidewater Community"
|
||||
description="At RS Andrews, we take pride in our 4.6-star reputation across thousands of reviews. With 7+ years of experience, we provide thorough inspections and guaranteed repairs for your peace of mind."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171290.jpg"
|
||||
imageAlt="plumbing team in front of van"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Leak Repair",
|
||||
descriptions: [
|
||||
"Expert diagnosis and repair of hidden leaks.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept-with-windows_23-2147773331.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Water Heaters",
|
||||
descriptions: [
|
||||
"Full installation and maintenance services.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-assortment-pvc_23-2149062947.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Drain Cleaning",
|
||||
descriptions: [
|
||||
"Powerful tools to get your drains flowing.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/deep-well-submersible-pump-isolated-white_627829-7501.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We handle everything from minor leaks to major sewer repairs with expert care."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Leak Repair", descriptions: ["Expert diagnosis and repair of hidden leaks."], imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept-with-windows_23-2147773331.jpg" },
|
||||
{ id: "f2", title: "Water Heaters", descriptions: ["Full installation and maintenance services."], imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-assortment-pvc_23-2149062947.jpg" },
|
||||
{ id: "f3", title: "Drain Cleaning", descriptions: ["Powerful tools to get your drains flowing."], imageSrc: "http://img.b2bpic.net/free-photo/deep-well-submersible-pump-isolated-white_627829-7501.jpg" }
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We handle everything from minor leaks to major sewer repairs with expert care."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Delta",
|
||||
name: "Modern Faucet",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-kitchen-fronts-black-spring-faucet-marble-backsplash_169016-69274.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Rheem",
|
||||
name: "Water Heater",
|
||||
price: "$900",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-turning-heater_23-2149339524.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "InSinkErator",
|
||||
name: "Garbage Disposal",
|
||||
price: "$250",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Kohler",
|
||||
name: "Shower Head",
|
||||
price: "$120",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faucet-running-domestic-chrome-shiny_1203-6270.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Ridgid",
|
||||
name: "Pipe Cleaner",
|
||||
price: "$60",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/garbage-man_1368-1757.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Toto",
|
||||
name: "Toilet Fix Kit",
|
||||
price: "$80",
|
||||
rating: 5,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-wall-antique-room-luxury_1203-4965.jpg",
|
||||
},
|
||||
]}
|
||||
title="Top-Quality Equipment"
|
||||
description="We use only the most reliable hardware for your home."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Delta", name: "Modern Faucet", price: "$150", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/blue-kitchen-fronts-black-spring-faucet-marble-backsplash_169016-69274.jpg" },
|
||||
{ id: "p2", brand: "Rheem", name: "Water Heater", price: "$900", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/hand-turning-heater_23-2149339524.jpg" },
|
||||
{ id: "p3", brand: "InSinkErator", name: "Garbage Disposal", price: "$250", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg" },
|
||||
{ id: "p4", brand: "Kohler", name: "Shower Head", price: "$120", rating: 4, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/faucet-running-domestic-chrome-shiny_1203-6270.jpg" },
|
||||
{ id: "p5", brand: "Ridgid", name: "Pipe Cleaner", price: "$60", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/garbage-man_1368-1757.jpg" },
|
||||
{ id: "p6", brand: "Toto", name: "Toilet Fix Kit", price: "$80", rating: 5, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/interior-wall-antique-room-luxury_1203-4965.jpg" }
|
||||
]}
|
||||
title="Top-Quality Equipment"
|
||||
description="We use only the most reliable hardware for your home."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "6,753",
|
||||
title: "Happy Customers",
|
||||
items: [
|
||||
"Reviewed on Google",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.6",
|
||||
title: "Google Rating",
|
||||
items: [
|
||||
"Star score",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "7+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Dedicated service",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Excellence in Numbers"
|
||||
description="Our work speaks for itself."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "6,753", title: "Happy Customers", items: ["Reviewed on Google"] },
|
||||
{ id: "m2", value: "4.6", title: "Google Rating", items: ["Star score"] },
|
||||
{ id: "m3", value: "7+", title: "Years Experience", items: ["Dedicated service"] }
|
||||
]}
|
||||
title="Excellence in Numbers"
|
||||
description="Our work speaks for itself."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-new-flat_1098-17257.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-37449.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jane Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-blonde-office-worker-man-headphones-sits-desk-with-office-tools-using-laptop-keeps-fists-up-isolated-white-background-with-copy-space_141793-65604.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mike Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026157.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="What our Clients say"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-new-flat_1098-17257.jpg" },
|
||||
{ id: "t2", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-37449.jpg" },
|
||||
{ id: "t3", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-blonde-office-worker-man-headphones-sits-desk-with-office-tools-using-laptop-keeps-fists-up-isolated-white-background-with-copy-space_141793-65604.jpg" },
|
||||
{ id: "t4", name: "Mike Johnson", imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026157.jpg" },
|
||||
{ id: "t5", name: "Alice Brown", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg" }
|
||||
]}
|
||||
cardTitle="What our Clients say"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are you open 24/7?",
|
||||
content: "Yes, we provide 24/7 emergency services.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you serve Newport News?",
|
||||
content: "Yes, we serve the Newport News and Tidewater areas.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer discounts?",
|
||||
content: "Yes, we offer military and seasonal discounts.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/this-job-needs-from-me-staying-contact-24-7_329181-2796.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our plumbing services?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Are you open 24/7?", content: "Yes, we provide 24/7 emergency services." },
|
||||
{ id: "q2", title: "Do you serve Newport News?", content: "Yes, we serve the Newport News and Tidewater areas." },
|
||||
{ id: "q3", title: "Do you offer discounts?", content: "Yes, we offer military and seasonal discounts." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/this-job-needs-from-me-staying-contact-24-7_329181-2796.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our plumbing services?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Get Expert Plumbing Help Today"
|
||||
description="Call us at (757) 866-4725 or drop your email below to schedule an appointment."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/emergency-only-sign-floor_1150-17930.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Contact Us"
|
||||
title="Get Expert Plumbing Help Today"
|
||||
description="Call us at (757) 866-4725 or drop your email below to schedule an appointment."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/emergency-only-sign-floor_1150-17930.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="RS Andrews"
|
||||
leftLink={{
|
||||
text: "Terms",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="RS Andrews"
|
||||
leftLink={{ text: "Terms", href: "#" }}
|
||||
rightLink={{ text: "Privacy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user