Update src/app/page.tsx
This commit is contained in:
454
src/app/page.tsx
454
src/app/page.tsx
@@ -16,323 +16,163 @@ import { Award, Home, PhoneCall, ShieldCheck, Star } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
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: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
]}
|
||||
brandName="Green Mango Pest Control"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
]}
|
||||
brandName="Green Mango Pest Control"
|
||||
button={{
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="PREMIUM PROTECTION COMPLETE PEACE OF MIND"
|
||||
description="Trust Green Mango for reliable pest control services in Phoenix, Arizona. Our skilled technicians utilize cutting-edge technology to safeguard your family from common pests."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah",
|
||||
testimonial: "The best pest control service in the valley. Truly professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-men-having-fun-kitchen_23-2147744686.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mike T.",
|
||||
handle: "@mike",
|
||||
testimonial: "Excellent service and very knowledgeable technicians.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-spraying-powder-paint_23-2149714280.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@emily",
|
||||
testimonial: "Finally, a company that actually gets rid of the bugs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-white-protection-suit-with-sprayer-tank-ready-fight-against-corona-virus_342744-870.jpg",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@david",
|
||||
testimonial: "Reliable and on time. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-curly-haired-lady-showing-thumb-up-park_1262-20821.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jessica L.",
|
||||
handle: "@jess",
|
||||
testimonial: "Great attention to detail and safe for pets.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-view-female-courier-putting-parcels-near-gate-long-haired-brunette-deliverywoman-red-uniform-squatting-delivering-express-order-customer-home-delivery-service-post-concept_74855-11523.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-businesswoman-taking-selfie_23-2148142674.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232840.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-woman-walking-city_23-2149401689.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="PREMIUM PROTECTION COMPLETE PEACE OF MIND"
|
||||
description="Trust Green Mango for reliable pest control services in Phoenix, Arizona. Our skilled technicians utilize cutting-edge technology to safeguard your family from common pests."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.", handle: "@sarah", testimonial: "The best pest control service in the valley. Truly professional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-men-having-fun-kitchen_23-2147744686.jpg"
|
||||
},
|
||||
{
|
||||
name: "Mike T.", handle: "@mike", testimonial: "Excellent service and very knowledgeable technicians.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-spraying-powder-paint_23-2149714280.jpg"
|
||||
},
|
||||
{
|
||||
name: "Emily R.", handle: "@emily", testimonial: "Finally, a company that actually gets rid of the bugs.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-white-protection-suit-with-sprayer-tank-ready-fight-against-corona-virus_342744-870.jpg"
|
||||
},
|
||||
{
|
||||
name: "David W.", handle: "@david", testimonial: "Reliable and on time. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-curly-haired-lady-showing-thumb-up-park_1262-20821.jpg"
|
||||
},
|
||||
{
|
||||
name: "Jessica L.", handle: "@jess", testimonial: "Great attention to detail and safe for pets.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg"
|
||||
}
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-view-female-courier-putting-parcels-near-gate-long-haired-brunette-deliverywoman-red-uniform-squatting-delivering-express-order-customer-home-delivery-service-post-concept_74855-11523.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/brunette-businesswoman-taking-selfie_23-2148142674.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232840.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elderly-woman-walking-city_23-2149401689.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="THE VALLEY’S TOP-RATED PEST CONTROL PROVIDER."
|
||||
buttons={[
|
||||
{
|
||||
text: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="THE VALLEY’S TOP-RATED PEST CONTROL PROVIDER."
|
||||
buttons={[{ text: "About Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={true}
|
||||
title="Our Specialized Services"
|
||||
description="We offer comprehensive pest management solutions for every concern."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "termites",
|
||||
title: "Termites",
|
||||
content: "Professional termite inspections and eradication strategies.",
|
||||
},
|
||||
{
|
||||
id: "rodents",
|
||||
title: "Rodents",
|
||||
content: "Humane and effective exclusion services for all rodents.",
|
||||
},
|
||||
{
|
||||
id: "bedbugs",
|
||||
title: "Bed Bugs",
|
||||
content: "Discreet, high-heat treatment for total bed bug removal.",
|
||||
},
|
||||
{
|
||||
id: "scorpions",
|
||||
title: "Scorpions",
|
||||
content: "Specialized perimeter treatments to keep scorpions out of your home.",
|
||||
},
|
||||
{
|
||||
id: "ants",
|
||||
title: "Ants",
|
||||
content: "Colony-elimination treatments to stop recurring ant problems.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-doctor-protective-suit_176474-23798.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={true}
|
||||
title="Our Specialized Services"
|
||||
description="We offer comprehensive pest management solutions for every concern."
|
||||
accordionItems={[
|
||||
{ id: "termites", title: "Termites", content: "Professional termite inspections and eradication strategies." },
|
||||
{ id: "rodents", title: "Rodents", content: "Humane and effective exclusion services for all rodents." },
|
||||
{ id: "bedbugs", title: "Bed Bugs", content: "Discreet, high-heat treatment for total bed bug removal." },
|
||||
{ id: "scorpions", title: "Scorpions", content: "Specialized perimeter treatments to keep scorpions out of your home." },
|
||||
{ id: "ants", title: "Ants", content: "Colony-elimination treatments to stop recurring ant problems." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-doctor-protective-suit_176474-23798.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5,000+",
|
||||
title: "Homes Served",
|
||||
description: "Families protected.",
|
||||
icon: Home,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
description: "Local expert knowledge.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Satisfaction",
|
||||
description: "Client success rate.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Always available.",
|
||||
icon: PhoneCall,
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "100%",
|
||||
title: "Safety",
|
||||
description: "Eco-friendly methods.",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Award-winning results across the Phoenix Valley."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "5,000+", title: "Homes Served", description: "Families protected.", icon: Home },
|
||||
{ id: "m2", value: "10+", title: "Years Experience", description: "Local expert knowledge.", icon: Award },
|
||||
{ id: "m3", value: "99%", title: "Satisfaction", description: "Client success rate.", icon: Star },
|
||||
{ id: "m4", value: "24/7", title: "Support", description: "Always available.", icon: PhoneCall },
|
||||
{ id: "m5", value: "100%", title: "Safety", description: "Eco-friendly methods.", icon: ShieldCheck }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Award-winning results across the Phoenix Valley."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Client 1",
|
||||
handle: "@c1",
|
||||
testimonial: "Five star service always.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-beekeeper-wearing-beekeeping-suit-looking-away-copyspace-seniority-pensioner-elderly-profession-occupation-hobby-lifestyle-farmer-countryside-retirement_7502-5478.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Client 2",
|
||||
handle: "@c2",
|
||||
testimonial: "Very friendly and efficient team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sign-language-concept_23-2148572467.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Client 3",
|
||||
handle: "@c3",
|
||||
testimonial: "The best in Phoenix.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Client 4",
|
||||
handle: "@c4",
|
||||
testimonial: "Highly recommended for scorpions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-caucasian-guy-dating-afro-american-girl_1262-19996.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Client 5",
|
||||
handle: "@c5",
|
||||
testimonial: "So professional and helpful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-with-cardboard-boxes-palying-with-son_496169-635.jpg",
|
||||
},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="See why our customers trust Green Mango."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Client 1", handle: "@c1", testimonial: "Five star service always.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-beekeeper-wearing-beekeeping-suit-looking-away-copyspace-seniority-pensioner-elderly-profession-occupation-hobby-lifestyle-farmer-countryside-retirement_7502-5478.jpg" },
|
||||
{ id: "t2", name: "Client 2", handle: "@c2", testimonial: "Very friendly and efficient team.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sign-language-concept_23-2148572467.jpg" },
|
||||
{ id: "t3", name: "Client 3", handle: "@c3", testimonial: "The best in Phoenix.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg" },
|
||||
{ id: "t4", name: "Client 4", handle: "@c4", testimonial: "Highly recommended for scorpions.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-caucasian-guy-dating-afro-american-girl_1262-19996.jpg" },
|
||||
{ id: "t5", name: "Client 5", handle: "@c5", testimonial: "So professional and helpful.", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-with-cardboard-boxes-palying-with-son_496169-635.jpg" }
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="See why our customers trust Green Mango."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are your treatments safe?",
|
||||
content: "Yes, our methods are family and pet-friendly.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How often should I spray?",
|
||||
content: "We recommend quarterly professional services.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer warranties?",
|
||||
content: "We stand behind all our extermination services.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "What pests do you cover?",
|
||||
content: "We cover ants, spiders, scorpions, rodents, and termites.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Do I need to leave my home?",
|
||||
content: "Usually, you do not need to leave, but we advise caution during active application.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our pest services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Are your treatments safe?", content: "Yes, our methods are family and pet-friendly." },
|
||||
{ id: "f2", title: "How often should I spray?", content: "We recommend quarterly professional services." },
|
||||
{ id: "f3", title: "Do you offer warranties?", content: "We stand behind all our extermination services." },
|
||||
{ id: "f4", title: "What pests do you cover?", content: "We cover ants, spiders, scorpions, rodents, and termites." },
|
||||
{ id: "f5", title: "Do I need to leave my home?", content: "Usually, you do not need to leave, but we advise caution during active application." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our pest services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="GET IN TOUCH"
|
||||
title="READY TO SECURE YOUR HOME?"
|
||||
description="Call us at 480-764-4674 or book online for the Valley's best pest control."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="GET IN TOUCH"
|
||||
title="READY TO SECURE YOUR HOME?"
|
||||
description="Call us at 480-764-4674 or book online for the Valley's best pest control."
|
||||
buttons={[{ text: "Book Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Green Mango Pest Control"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Use",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Green Mango Pest Control"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Use", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user