Merge version_1 into main #1
231
src/app/page.tsx
231
src/app/page.tsx
@@ -33,85 +33,48 @@ 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: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Plants",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Plants", id: "#products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Hogan's Nursery"
|
||||
bottomLeftText="Your Local Green Oasis"
|
||||
bottomRightText="hello@hogansnursery.com"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Your Green Oasis Starts Here"
|
||||
description="Discover healthy plants, unbeatable prices, and friendly, knowledgeable service at Hogan's Nursery, your local North Texas experts for over 20 years."
|
||||
tag="Family-Owned & Trusted"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Plants",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Our Plants", href: "#products"},
|
||||
{
|
||||
text: "Visit Our Nursery",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Our Nursery", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-blooming-white-pink-flowers_23-2147948346.jpg",
|
||||
imageAlt: "Vibrant plant beds at Hogan's Nursery",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-blooming-white-pink-flowers_23-2147948346.jpg", imageAlt: "Vibrant plant beds at Hogan's Nursery"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-gardener-uniform-wearing-gardening-hat-holding-flowers-flowerpots-isolated-green-wall_141793-46630.jpg",
|
||||
imageAlt: "Friendly gardener smiling at Hogan's Nursery",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-botanist-carrying-crate-with-potted-flowers-while-working-greenhouse_637285-1413.jpg",
|
||||
imageAlt: "Happy female botanist carrying a crate with potted flowers while working in a greenhouse",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-flowers-arrangement-indoors_23-2150392058.jpg",
|
||||
imageAlt: "Beautiful flowers arrangement indoors",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-backdrop-pink-flowers-with-green-leaves_23-2148058958.jpg",
|
||||
imageAlt: "Natural backdrop of pink flowers with green leaves",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-gardener-uniform-wearing-gardening-hat-holding-flowers-flowerpots-isolated-green-wall_141793-46630.jpg", imageAlt: "Friendly gardener smiling at Hogan's Nursery"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={4.3}
|
||||
@@ -139,34 +102,22 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Healthy, Affordable Plants",
|
||||
description: "We offer the best prices around for exceptionally healthy plants, ensuring your garden starts strong and thrives.",
|
||||
},
|
||||
title: "Healthy, Affordable Plants", description: "We offer the best prices around for exceptionally healthy plants, ensuring your garden starts strong and thrives."},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Special Orders & Rare Finds",
|
||||
description: "Can't find it anywhere else? We specialize in sourcing unique and specific plant varieties, even hard-to-find ones.",
|
||||
},
|
||||
title: "Special Orders & Rare Finds", description: "Can't find it anywhere else? We specialize in sourcing unique and specific plant varieties, even hard-to-find ones."},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
title: "Expert Guidance",
|
||||
description: "Our friendly and patient staff provide knowledgeable advice tailored to your needs, helping you make the best choices for your space.",
|
||||
},
|
||||
title: "Expert Guidance", description: "Our friendly and patient staff provide knowledgeable advice tailored to your needs, helping you make the best choices for your space."},
|
||||
{
|
||||
icon: Home,
|
||||
title: "Local & Family-Owned",
|
||||
description: "Support a multi-generational local business with over 20 years of dedication to the North Texas gardening community.",
|
||||
},
|
||||
title: "Local & Family-Owned", description: "Support a multi-generational local business with over 20 years of dedication to the North Texas gardening community."},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Local Planting Support",
|
||||
description: "Partner with trusted local experts for your planting projects. We can help bring your garden vision to life.",
|
||||
},
|
||||
title: "Local Planting Support", description: "Partner with trusted local experts for your planting projects. We can help bring your garden vision to life."},
|
||||
{
|
||||
icon: Sun,
|
||||
title: "North Texas Specialists",
|
||||
description: "We stock a curated selection of plants that are known to flourish in the unique climate and conditions of North Texas.",
|
||||
},
|
||||
title: "North Texas Specialists", description: "We stock a curated selection of plants that are known to flourish in the unique climate and conditions of North Texas."},
|
||||
]}
|
||||
title="Cultivating Your Dream Garden"
|
||||
description="From common varieties to hard-to-find specimens, we provide everything you need to create a beautiful and thriving outdoor space."
|
||||
@@ -183,47 +134,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Seasonal Violas (Flat)",
|
||||
price: "$14.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-white-purple-flowers-park-sunny-day_181624-20474.jpg",
|
||||
imageAlt: "Flat of vibrant violas",
|
||||
},
|
||||
id: "p1", name: "Seasonal Violas (Flat)", price: "$14.50", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-white-purple-flowers-park-sunny-day_181624-20474.jpg", imageAlt: "Flat of vibrant violas"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Texas Red Yucca",
|
||||
price: "$29.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cactus-plants-arrangement-still-life_23-2150275303.jpg",
|
||||
imageAlt: "Texas Red Yucca plant",
|
||||
},
|
||||
id: "p2", name: "Texas Red Yucca", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/cactus-plants-arrangement-still-life_23-2150275303.jpg", imageAlt: "Texas Red Yucca plant"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Glossy Abelia Shrub",
|
||||
price: "$24.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nature-grass-woods-wilderness-pine_1203-6206.jpg",
|
||||
imageAlt: "Glossy Abelia flowering shrub",
|
||||
},
|
||||
id: "p3", name: "Glossy Abelia Shrub", price: "$24.99", imageSrc: "http://img.b2bpic.net/free-photo/nature-grass-woods-wilderness-pine_1203-6206.jpg", imageAlt: "Glossy Abelia flowering shrub"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pink Crape Myrtle Tree",
|
||||
price: "$59.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-cherry-blossom-with-clear-blue-sky_181624-15450.jpg",
|
||||
imageAlt: "Pink Crape Myrtle tree",
|
||||
},
|
||||
id: "p4", name: "Pink Crape Myrtle Tree", price: "$59.00", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-cherry-blossom-with-clear-blue-sky_181624-15450.jpg", imageAlt: "Pink Crape Myrtle tree"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Purple Sage Shrub",
|
||||
price: "$18.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-purple-flower-branches-blue-surface_140725-88080.jpg",
|
||||
imageAlt: "Purple Sage shrub",
|
||||
},
|
||||
id: "p5", name: "Purple Sage Shrub", price: "$18.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-purple-flower-branches-blue-surface_140725-88080.jpg", imageAlt: "Purple Sage shrub"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Assorted Evergreen Shrubs",
|
||||
price: "$22.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-coniferous-plant-branches-close-up_93675-134946.jpg",
|
||||
imageAlt: "Assorted Evergreen shrubs",
|
||||
},
|
||||
id: "p6", name: "Assorted Evergreen Shrubs", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/background-coniferous-plant-branches-close-up_93675-134946.jpg", imageAlt: "Assorted Evergreen shrubs"},
|
||||
]}
|
||||
title="Our Bestsellers & Seasonal Favorites"
|
||||
description="Explore a diverse selection of plants, trees, and shrubs perfect for North Texas landscapes. We ensure quality and health in every purchase."
|
||||
@@ -238,25 +159,15 @@ export default function LandingPage() {
|
||||
author="Heather S."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
|
||||
alt: "Heather Smith",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg", alt: "Heather Smith"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-displeased-mixed-race-attractive-man-with-dark-narrow-eyes-curly-thick-hair_273609-14091.jpg",
|
||||
alt: "Satisfied Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-displeased-mixed-race-attractive-man-with-dark-narrow-eyes-curly-thick-hair_273609-14091.jpg", alt: "Satisfied Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teenage-girl-taking-care-flowers-working-as-shop-assistant-greenhouse-store-looking-camera-smiling_197531-22367.jpg",
|
||||
alt: "Happy Gardener",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/teenage-girl-taking-care-flowers-working-as-shop-assistant-greenhouse-store-looking-camera-smiling_197531-22367.jpg", alt: "Happy Gardener"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-showing-potted-plant-looking-camera-smiling-with-happy-face-standing-orange-background_141793-45968.jpg",
|
||||
alt: "Local Supporter",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-showing-potted-plant-looking-camera-smiling-with-happy-face-standing-orange-background_141793-45968.jpg", alt: "Local Supporter"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3551.jpg",
|
||||
alt: "Handsome man outdoors portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3551.jpg", alt: "Handsome man outdoors portrait"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -268,14 +179,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Local Landscapers",
|
||||
"Home Gardeners",
|
||||
"Community Developers",
|
||||
"Small Business Supporters",
|
||||
"Plant Enthusiasts",
|
||||
"Eco-Conscious Buyers",
|
||||
"Texas Garden Clubs",
|
||||
]}
|
||||
"Local Landscapers", "Home Gardeners", "Community Developers", "Small Business Supporters", "Plant Enthusiasts", "Eco-Conscious Buyers", "Texas Garden Clubs"]}
|
||||
title="Trusted by Local Gardeners & Landscapers"
|
||||
description="Our commitment to quality plants and exceptional service has earned the trust of countless customers across North Texas."
|
||||
/>
|
||||
@@ -287,30 +191,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer special plant orders?",
|
||||
content: "Yes, we gladly take special orders for unique or hard-to-find plants. Just let our friendly staff know what you're looking for, and we'll do our best to source it for you.",
|
||||
},
|
||||
id: "f1", title: "Do you offer special plant orders?", content: "Yes, we gladly take special orders for unique or hard-to-find plants. Just let our friendly staff know what you're looking for, and we'll do our best to source it for you."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your plants suitable for North Texas climate?",
|
||||
content: "Absolutely! We specialize in plants that are well-suited for the North Texas climate, ensuring they thrive in your local landscape. Our team can also provide advice on care specific to our region.",
|
||||
},
|
||||
id: "f2", title: "Are your plants suitable for North Texas climate?", content: "Absolutely! We specialize in plants that are well-suited for the North Texas climate, ensuring they thrive in your local landscape. Our team can also provide advice on care specific to our region."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer planting services?",
|
||||
content: "While we focus on providing high-quality plants, we can connect you with trusted local partners who offer professional planting and landscaping services to help you complete your garden projects.",
|
||||
},
|
||||
id: "f3", title: "Do you offer planting services?", content: "While we focus on providing high-quality plants, we can connect you with trusted local partners who offer professional planting and landscaping services to help you complete your garden projects."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "What are your prices like?",
|
||||
content: "Many of our customers praise our unbeatable and very reasonable prices for healthy, high-quality plants. We strive to offer the best value in North Texas.",
|
||||
},
|
||||
id: "f4", title: "What are your prices like?", content: "Many of our customers praise our unbeatable and very reasonable prices for healthy, high-quality plants. We strive to offer the best value in North Texas."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "What kind of plant selection do you have?",
|
||||
content: "We offer a modest yet carefully curated selection of plants known to do well in North Texas. If you've seen it, we can likely get it, so don't hesitate to ask about specific varieties.",
|
||||
},
|
||||
id: "f5", title: "What kind of plant selection do you have?", content: "We offer a modest yet carefully curated selection of plants known to do well in North Texas. If you've seen it, we can likely get it, so don't hesitate to ask about specific varieties."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/water-drop-leaf_23-2147787451.jpg"
|
||||
imageAlt="Gardener tending to plants"
|
||||
@@ -328,8 +217,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get In Touch"
|
||||
title="Ready to Grow Your Garden?"
|
||||
description="Visit us today, call for inquiries, or send us a message to get started on your next landscape project."
|
||||
@@ -344,54 +232,33 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Team", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Plants & Trees",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Plants & Trees", href: "#products"},
|
||||
{
|
||||
label: "Special Orders",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Special Orders", href: "#features"},
|
||||
{
|
||||
label: "Expert Advice",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Expert Advice", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user