Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 07a2edbd24 | |||
| 3d41fe5e6e |
211
src/app/page.tsx
211
src/app/page.tsx
@@ -8,7 +8,7 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award, Clock, Leaf } from "lucide-react";
|
||||
|
||||
@@ -28,28 +28,13 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sri Ayyappa Landscaping"
|
||||
/>
|
||||
@@ -58,76 +43,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Transforming Landscapes, Cultivating Beauty"
|
||||
description="Professional landscaping services for Sri Ayyappa, dedicated to creating pristine outdoor spaces that thrive throughout the seasons."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "15+", label: "Years Experience"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "500+", label: "Projects Completed"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Customer Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Customer Satisfaction"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fresh-park-nature-beautiful-backgrounds_1122-1735.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-front-house_23-2147986417.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-front-house_23-2147986417.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-girl-sunglasses-dreamily-looking-camera-with-pink-balloons-hand-confetti-around-white-background-isolated_574295-732.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-girl-sunglasses-dreamily-looking-camera-with-pink-balloons-hand-confetti-around-white-background-isolated_574295-732.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-young-man-sitting-chair_23-2147891186.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-young-man-sitting-chair_23-2147891186.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-life-field-with-flowers-nature-beauty-blue-cloudy-sky-colorful-field-with-flowers-outdoor-lifestyle-freedom-concept-woman-summer-field_1391-668.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-life-field-with-flowers-nature-beauty-blue-cloudy-sky-colorful-field-with-flowers-outdoor-lifestyle-freedom-concept-woman-summer-field_1391-668.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12311.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12311.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Garden Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Lawn Care",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Hardscaping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seasonal Maintenance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Craftsmanship",
|
||||
},
|
||||
{ type: "text", text: "Sustainable Garden Design" },
|
||||
{ type: "text", text: "Professional Lawn Care" },
|
||||
{ type: "text", text: "Expert Hardscaping" },
|
||||
{ type: "text", text: "Seasonal Maintenance" },
|
||||
{ type: "text", text: "Quality Craftsmanship" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,21 +88,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Professional Dedication"
|
||||
metrics={[
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Eco-friendly Care",
|
||||
value: "Sustainable",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Timely Delivery",
|
||||
value: "On Schedule",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Professionalism",
|
||||
value: "Certified",
|
||||
},
|
||||
{ icon: Leaf, label: "Eco-friendly Care", value: "Sustainable" },
|
||||
{ icon: Clock, label: "Timely Delivery", value: "On Schedule" },
|
||||
{ icon: Award, label: "Professionalism", value: "Certified" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -165,20 +104,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Maintenance",
|
||||
description: "Weekly mowing, edging, and seasonal care to keep your turf looking its best all year.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-gardener-shaping-overgrown-boxwood-bush-by-hedge-trimmer-garden-front-view_7502-10139.jpg",
|
||||
},
|
||||
title: "Lawn Maintenance", description: "Weekly mowing, edging, and seasonal care to keep your turf looking its best all year.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-gardener-shaping-overgrown-boxwood-bush-by-hedge-trimmer-garden-front-view_7502-10139.jpg"},
|
||||
{
|
||||
title: "Hardscaping & Patios",
|
||||
description: "Custom stone designs and patio installations to create elegant outdoor living areas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mossy-ground-middle-cobblestone-pathway_181624-17204.jpg",
|
||||
},
|
||||
title: "Hardscaping & Patios", description: "Custom stone designs and patio installations to create elegant outdoor living areas.", imageSrc: "http://img.b2bpic.net/free-photo/mossy-ground-middle-cobblestone-pathway_181624-17204.jpg"},
|
||||
{
|
||||
title: "Garden Design",
|
||||
description: "Expert plant selection and layout planning for flourishing, beautiful flower beds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500845.jpg",
|
||||
},
|
||||
title: "Garden Design", description: "Expert plant selection and layout planning for flourishing, beautiful flower beds.", imageSrc: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500845.jpg"},
|
||||
]}
|
||||
title="Comprehensive Services"
|
||||
description="Tailored landscaping solutions designed to enhance your property's value and visual appeal."
|
||||
@@ -192,45 +122,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Excellent service and attention to detail. My lawn has never looked better!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-front-house_23-2147986417.jpg",
|
||||
},
|
||||
id: "1", name: "John Doe", handle: "@johndoe", testimonial: "Excellent service and attention to detail. My lawn has never looked better!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-front-house_23-2147986417.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "Very professional and friendly team. The garden design exceeded our expectations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-sunglasses-dreamily-looking-camera-with-pink-balloons-hand-confetti-around-white-background-isolated_574295-732.jpg",
|
||||
},
|
||||
id: "2", name: "Jane Smith", handle: "@janesmith", testimonial: "Very professional and friendly team. The garden design exceeded our expectations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-sunglasses-dreamily-looking-camera-with-pink-balloons-hand-confetti-around-white-background-isolated_574295-732.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert Brown",
|
||||
handle: "@robertb",
|
||||
testimonial: "Reliable and hardworking. They are our go-to for all landscaping needs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-young-man-sitting-chair_23-2147891186.jpg",
|
||||
},
|
||||
id: "3", name: "Robert Brown", handle: "@robertb", testimonial: "Reliable and hardworking. They are our go-to for all landscaping needs.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-young-man-sitting-chair_23-2147891186.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alice Green",
|
||||
handle: "@aliceg",
|
||||
testimonial: "Great experience. Quick, professional, and excellent quality of work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-life-field-with-flowers-nature-beauty-blue-cloudy-sky-colorful-field-with-flowers-outdoor-lifestyle-freedom-concept-woman-summer-field_1391-668.jpg",
|
||||
},
|
||||
id: "4", name: "Alice Green", handle: "@aliceg", testimonial: "Great experience. Quick, professional, and excellent quality of work.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-life-field-with-flowers-nature-beauty-blue-cloudy-sky-colorful-field-with-flowers-outdoor-lifestyle-freedom-concept-woman-summer-field_1391-668.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Wilson",
|
||||
handle: "@dwilson",
|
||||
testimonial: "Highly recommended for their consistent high-quality results throughout the seasons.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12311.jpg",
|
||||
},
|
||||
id: "5", name: "David Wilson", handle: "@dwilson", testimonial: "Highly recommended for their consistent high-quality results throughout the seasons.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12311.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -244,20 +149,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide free, no-obligation quotes for all landscaping projects.",
|
||||
},
|
||||
id: "q1", title: "Do you offer free estimates?", content: "Yes, we provide free, no-obligation quotes for all landscaping projects."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long does a typical project take?",
|
||||
content: "Timelines vary depending on the scope of the project, but we provide clear estimates at the start.",
|
||||
},
|
||||
id: "q2", title: "How long does a typical project take?", content: "Timelines vary depending on the scope of the project, but we provide clear estimates at the start."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer year-round maintenance?",
|
||||
content: "Yes, we offer comprehensive seasonal maintenance plans.",
|
||||
},
|
||||
id: "q3", title: "Do you offer year-round maintenance?", content: "Yes, we offer comprehensive seasonal maintenance plans."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about our process? We have the answers."
|
||||
@@ -269,8 +165,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Get Started"
|
||||
title="Schedule Your Consultation"
|
||||
description="Contact us today for a free quote or to discuss your landscaping requirements."
|
||||
@@ -284,26 +179,14 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Services", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -313,4 +196,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user