Merge version_1 into main #2
262
src/app/page.tsx
262
src/app/page.tsx
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Ashley Store"
|
||||
/>
|
||||
@@ -57,21 +49,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="Ashley Store Landscaping"
|
||||
description="Crafting timeless outdoor sanctuaries. Experience premium landscaping services tailored to your unique vision."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Projects",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Our Projects", href: "#services"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg"
|
||||
imageAlt="Luxurious garden design"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -84,31 +71,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Serving MI homeowners",
|
||||
"Crafting premium spaces",
|
||||
],
|
||||
id: "m1", value: "15+", title: "Years Experience", items: [
|
||||
"Serving MI homeowners", "Crafting premium spaces"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "800+",
|
||||
title: "Projects Completed",
|
||||
items: [
|
||||
"Gardens and patios",
|
||||
"Total transformations",
|
||||
],
|
||||
id: "m2", value: "800+", title: "Projects Completed", items: [
|
||||
"Gardens and patios", "Total transformations"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Client Satisfaction",
|
||||
items: [
|
||||
"Delivering excellence",
|
||||
"Exceeding expectations",
|
||||
],
|
||||
id: "m3", value: "99%", title: "Client Satisfaction", items: [
|
||||
"Delivering excellence", "Exceeding expectations"],
|
||||
},
|
||||
]}
|
||||
title="Built on Excellence"
|
||||
@@ -123,19 +95,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Sustainability",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Sustainability", value: "100%"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Design Awards",
|
||||
value: "25",
|
||||
},
|
||||
label: "Design Awards", value: "25"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Dedicated Team",
|
||||
value: "50+",
|
||||
},
|
||||
label: "Dedicated Team", value: "50+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -148,67 +114,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Hardscaping Construction",
|
||||
description: "Expert paver, stone, and patio installations designed for longevity and beauty.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
title: "Hardscaping Construction", description: "Expert paver, stone, and patio installations designed for longevity and beauty.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148013535.jpg",
|
||||
imageAlt: "Hardscaping service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148013535.jpg", imageAlt: "Hardscaping service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-lizard-crawling-rocks_23-2148245187.jpg",
|
||||
imageAlt: "Hardscaping",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-lizard-crawling-rocks_23-2148245187.jpg", imageAlt: "Hardscaping"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening-beautiful-spring-flowers-with-garden-supplies_169016-1828.jpg",
|
||||
imageAlt: "Hardscaping",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening-beautiful-spring-flowers-with-garden-supplies_169016-1828.jpg", imageAlt: "Hardscaping"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg?_wi=2",
|
||||
imageAlt: "hardscaping paver patio installation",
|
||||
},
|
||||
{
|
||||
title: "Landscape Design",
|
||||
description: "Custom horticultural designs that elevate your curb appeal with every season.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
title: "Landscape Design", description: "Custom horticultural designs that elevate your curb appeal with every season.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-fish-with-vegetation_23-2150699441.jpg",
|
||||
imageAlt: "Landscape design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-fish-with-vegetation_23-2150699441.jpg", imageAlt: "Landscape design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plants-their-pots_23-2148013446.jpg",
|
||||
imageAlt: "Design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plants-their-pots_23-2148013446.jpg", imageAlt: "Design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-pond-reflects-single-flower-nature-generated-by-ai_188544-14064.jpg",
|
||||
imageAlt: "Design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-pond-reflects-single-flower-nature-generated-by-ai_188544-14064.jpg", imageAlt: "Design"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waterfall-woods_649448-5159.jpg",
|
||||
imageAlt: "hardscaping paver patio installation",
|
||||
},
|
||||
{
|
||||
title: "Water Features",
|
||||
description: "Serene custom-built waterfalls, ponds, and fountains to create your private retreat.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
title: "Water Features", description: "Serene custom-built waterfalls, ponds, and fountains to create your private retreat.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-emotions-healthy-lifestyle-vertical-close-up-outdoors-portrait-young-mature-bearded-caucasian-male-gardener-blue-t-shirt-smiling-working-garden_176420-19951.jpg?_wi=1",
|
||||
imageAlt: "Water feature",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-emotions-healthy-lifestyle-vertical-close-up-outdoors-portrait-young-mature-bearded-caucasian-male-gardener-blue-t-shirt-smiling-working-garden_176420-19951.jpg", imageAlt: "Water feature"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purple-evergreen-falling-into-water_23-2148151510.jpg",
|
||||
imageAlt: "Water feature",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purple-evergreen-falling-into-water_23-2148151510.jpg", imageAlt: "Water feature"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-natural-waterfall_1137-217.jpg",
|
||||
imageAlt: "Water feature",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-natural-waterfall_1137-217.jpg", imageAlt: "Water feature"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-park-looking-camera_23-2147779715.jpg?_wi=1",
|
||||
imageAlt: "hardscaping paver patio installation",
|
||||
},
|
||||
]}
|
||||
title="Premium Landscaping Services"
|
||||
@@ -224,26 +157,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Head Designer",
|
||||
description: "With over 10 years in the field, Sarah creates lush and balanced designs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-emotions-healthy-lifestyle-vertical-close-up-outdoors-portrait-young-mature-bearded-caucasian-male-gardener-blue-t-shirt-smiling-working-garden_176420-19951.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "Head Designer", description: "With over 10 years in the field, Sarah creates lush and balanced designs.", imageSrc: "http://img.b2bpic.net/free-photo/positive-emotions-healthy-lifestyle-vertical-close-up-outdoors-portrait-young-mature-bearded-caucasian-male-gardener-blue-t-shirt-smiling-working-garden_176420-19951.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Anderson",
|
||||
role: "Construction Lead",
|
||||
description: "Expertise in complex structural designs for patios and outdoor structures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-park-looking-camera_23-2147779715.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", name: "David Anderson", role: "Construction Lead", description: "Expertise in complex structural designs for patios and outdoor structures.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-park-looking-camera_23-2147779715.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus Chen",
|
||||
role: "Horticultural Expert",
|
||||
description: "Deeply knowledgeable in local plant species and soil care for MI gardens.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pictures-young-farmer-greenhouse-satisfied-face_482257-31066.jpg",
|
||||
},
|
||||
id: "t3", name: "Marcus Chen", role: "Horticultural Expert", description: "Deeply knowledgeable in local plant species and soil care for MI gardens.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pictures-young-farmer-greenhouse-satisfied-face_482257-31066.jpg"},
|
||||
]}
|
||||
title="Meet Our Experts"
|
||||
description="Our dedicated team of professionals brings passion and precision to every project."
|
||||
@@ -257,45 +175,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Ashley Store completely transformed my backyard. The attention to detail is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Ashley Store completely transformed my backyard. The attention to detail is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Professional, efficient, and highly creative. My garden has never looked better.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Professional, efficient, and highly creative. My garden has never looked better.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyrod",
|
||||
testimonial: "Excellent service and stunning results. Highly recommend their landscaping services.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-man-using-digital-tablet-park_23-2148164502.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emilyrod", testimonial: "Excellent service and stunning results. Highly recommend their landscaping services.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-man-using-digital-tablet-park_23-2148164502.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Worth every penny. The patio design is both functional and beautiful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@dkim", testimonial: "Worth every penny. The patio design is both functional and beautiful.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura Smith",
|
||||
handle: "@lsmith",
|
||||
testimonial: "The best decision we made for our home exterior renovation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-enjoying-morning_23-2148586194.jpg",
|
||||
},
|
||||
id: "5", name: "Laura Smith", handle: "@lsmith", testimonial: "The best decision we made for our home exterior renovation.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-enjoying-morning_23-2148586194.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -308,14 +201,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"GreenScape Inc",
|
||||
"Nature's Edge",
|
||||
"EcoPath Designs",
|
||||
"Orion Landscaping",
|
||||
"Premium Patio Co",
|
||||
"Botanical Artistry",
|
||||
"MI Garden Design",
|
||||
]}
|
||||
"GreenScape Inc", "Nature's Edge", "EcoPath Designs", "Orion Landscaping", "Premium Patio Co", "Botanical Artistry", "MI Garden Design"]}
|
||||
title="Industry Partners"
|
||||
description="We collaborate with the best to deliver premium quality landscaping solutions."
|
||||
/>
|
||||
@@ -326,20 +212,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a landscape project take?",
|
||||
content: "Depending on complexity, most projects are completed within 2-4 weeks.",
|
||||
},
|
||||
id: "f1", title: "How long does a landscape project take?", content: "Depending on complexity, most projects are completed within 2-4 weeks."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer seasonal maintenance?",
|
||||
content: "Yes, we provide year-round landscape management packages.",
|
||||
},
|
||||
id: "f2", title: "Do you offer seasonal maintenance?", content: "Yes, we provide year-round landscape management packages."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What areas do you serve?",
|
||||
content: "We proudly serve Orion Township and the surrounding Michigan regions.",
|
||||
},
|
||||
id: "f3", title: "What areas do you serve?", content: "We proudly serve Orion Township and the surrounding Michigan regions."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -353,22 +230,14 @@ export default function LandingPage() {
|
||||
description="Ready to transform your outdoor space? Reach out today for a consultation."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Project Details",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Project Details", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cottagecore-aesthetic-illustrated_23-2151855314.jpg"
|
||||
@@ -380,42 +249,27 @@ export default function LandingPage() {
|
||||
logoText="Ashley Store"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user