Update src/app/page.tsx
This commit is contained in:
188
src/app/page.tsx
188
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="As Exterior Services"
|
||||
/>
|
||||
@@ -52,33 +40,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Luxury Outdoor Transformation Starts Here"
|
||||
description="As Exterior Services delivers pristine landscapes, immaculate exteriors, and exceptional craftsmanship for Cedar Parks most discerning homeowners. Experience the difference premium service makes."
|
||||
tag="PREMIUM EXTERIOR SOLUTIONS"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-park-view_1417-1510.jpg?_wi=1",
|
||||
imageAlt: "Luxury home exterior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-park-view_1417-1510.jpg", imageAlt: "Luxury home exterior"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-castle-architecture_23-2150754948.jpg",
|
||||
imageAlt: "High-end landscape design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-standing-holding-hands-garden_1157-1388.jpg",
|
||||
imageAlt: "Couple standing holding hands in a garden",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359701.jpg",
|
||||
imageAlt: "Beautiful japanese garden",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-nature-view-sunny-day_259150-58900.jpg",
|
||||
imageAlt: "Beautiful nature view on a sunny day",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-castle-architecture_23-2150754948.jpg", imageAlt: "High-end landscape design"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -90,31 +62,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184935.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-flowers-plants-home-garden-store_197531-30985.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wonderful-young-woman-posing-sunny-autumn-day-laughing-fashionable-white-lady-relaxing-september-morning_197531-11363.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30890.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Peterson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-york-city-ny-usa-october-20-2020-vessel-hudson-yards-staircase-designed-by-architect-thomas-heatherwick-midtown-manhattan-west_1321-2481.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184935.jpg" },
|
||||
{ id: "2", name: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-flowers-plants-home-garden-store_197531-30985.jpg" },
|
||||
{ id: "3", name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/wonderful-young-woman-posing-sunny-autumn-day-laughing-fashionable-white-lady-relaxing-september-morning_197531-11363.jpg" },
|
||||
{ id: "4", name: "David Miller", imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30890.jpg" },
|
||||
{ id: "5", name: "Linda Peterson", imageSrc: "http://img.b2bpic.net/free-photo/new-york-city-ny-usa-october-20-2020-vessel-hudson-yards-staircase-designed-by-architect-thomas-heatherwick-midtown-manhattan-west_1321-2481.jpg" }
|
||||
]}
|
||||
cardTitle="Client Voices"
|
||||
cardTag="TESTIMONIALS"
|
||||
@@ -133,21 +85,9 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What areas do you serve?",
|
||||
content: "We exclusively service the Cedar Park, Texas area for all premium landscaping and renovation projects.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I request a quote?",
|
||||
content: "Simply fill out our contact form, and a lead consultant will reach out within 24 hours to schedule an onsite assessment.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you provide year-round maintenance?",
|
||||
content: "Yes, we offer comprehensive seasonal maintenance plans designed to keep your home's exterior looking pristine all year long.",
|
||||
},
|
||||
{ id: "q1", title: "What areas do you serve?", content: "We exclusively service the Cedar Park, Texas area for all premium landscaping and renovation projects." },
|
||||
{ id: "q2", title: "How do I request a quote?", content: "Simply fill out our contact form, and a lead consultant will reach out within 24 hours to schedule an onsite assessment." },
|
||||
{ id: "q3", title: "Do you provide year-round maintenance?", content: "Yes, we offer comprehensive seasonal maintenance plans designed to keep your home's exterior looking pristine all year long." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,39 +101,8 @@ export default function LandingPage() {
|
||||
description="Tailored solutions for your home's unique exterior requirements."
|
||||
tag="PRICING"
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Essential Care",
|
||||
price: "$299",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Basic Lawn Care",
|
||||
"Edging",
|
||||
"Debris Removal",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-stone-building-with-lovely-yard-blue-sky-punta-de-lobos-chile_181624-13685.jpg",
|
||||
imageAlt: "Beautiful shot of a stone building with a lovely yard under the blue sky in Punta de Lobos, Chile",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Luxury Estate",
|
||||
price: "$799",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Bespoke Landscaping",
|
||||
"Pressure Washing",
|
||||
"Detailed Garden Maintenance",
|
||||
"Seasonal Floral Refresh",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-park-view_1417-1510.jpg?_wi=2",
|
||||
imageAlt: "Beautiful shot of a stone building with a lovely yard under the blue sky in Punta de Lobos, Chile",
|
||||
},
|
||||
{ id: "p1", title: "Essential Care", price: "$299", period: "/mo", features: ["Basic Lawn Care", "Edging", "Debris Removal"], button: { text: "Get Started" }, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-stone-building-with-lovely-yard-blue-sky-punta-de-lobos-chile_181624-13685.jpg", imageAlt: "Beautiful shot of a stone building with a lovely yard under the blue sky in Punta de Lobos, Chile" },
|
||||
{ id: "p2", title: "Luxury Estate", price: "$799", period: "/mo", features: ["Bespoke Landscaping", "Pressure Washing", "Detailed Garden Maintenance", "Seasonal Floral Refresh"], button: { text: "Get Started" }, imageSrc: "http://img.b2bpic.net/free-photo/green-park-view_1417-1510.jpg", imageAlt: "Beautiful shot of a stone building with a lovely yard under the blue sky in Punta de Lobos, Chile" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -206,71 +115,24 @@ export default function LandingPage() {
|
||||
title="Service Impact"
|
||||
description="Quantifying the value of our professional exterior care."
|
||||
metrics={[
|
||||
{
|
||||
id: "mx1",
|
||||
icon: Leaf,
|
||||
title: "Acres Managed",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
id: "mx2",
|
||||
icon: Sun,
|
||||
title: "Annual Cleanings",
|
||||
value: "1,200+",
|
||||
},
|
||||
{
|
||||
id: "mx3",
|
||||
icon: ThumbsUp,
|
||||
title: "Happy Clients",
|
||||
value: "450+",
|
||||
},
|
||||
{ id: "mx1", icon: Leaf, title: "Acres Managed", value: "150+" },
|
||||
{ id: "mx2", icon: Sun, title: "Annual Cleanings", value: "1,200+" },
|
||||
{ id: "mx3", icon: ThumbsUp, title: "Happy Clients", value: "450+" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-representation-water-hotel_23-2151048202.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-representation-water-hotel_23-2151048202.jpg"
|
||||
logoText="As Exterior Services"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Landscaping",
|
||||
href: "/services/landscaping",
|
||||
},
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "/services/maintenance",
|
||||
},
|
||||
{
|
||||
label: "Exterior Detailing",
|
||||
href: "/services/detailing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/gallery",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Landscaping", href: "/services/landscaping" }, { label: "Maintenance", href: "/services/maintenance" }, { label: "Exterior Detailing", href: "/services/detailing" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Portfolio", href: "/gallery" }, { label: "Contact", href: "/contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user