|
|
|
|
@@ -19,7 +19,7 @@ export default function LandingPage() {
|
|
|
|
|
borderRadius="soft"
|
|
|
|
|
contentWidth="mediumLarge"
|
|
|
|
|
sizing="largeSmallSizeLargeTitles"
|
|
|
|
|
background="fluid"
|
|
|
|
|
background="circleGradient"
|
|
|
|
|
cardStyle="outline"
|
|
|
|
|
primaryButtonStyle="radial-glow"
|
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
|
@@ -35,7 +35,8 @@ export default function LandingPage() {
|
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
|
]}
|
|
|
|
|
button={{
|
|
|
|
|
text: "Call Now", href: "tel:(417)781-1016"}}
|
|
|
|
|
text: "Call Now", href: "tel:(417)781-1016"
|
|
|
|
|
}}
|
|
|
|
|
animateOnLoad={true}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -46,23 +47,34 @@ export default function LandingPage() {
|
|
|
|
|
description="Rock Yard Joplin offers premium landscaping rocks, gravel, stone, and garden materials. Serving Joplin and surrounding areas with exceptional quality and friendly service."
|
|
|
|
|
tag="Garden Center"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
background={{ variant: "fluid" }}
|
|
|
|
|
background={{ variant: "radial-gradient" }}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Browse Products", href: "#products" },
|
|
|
|
|
{ text: "Shop Now", href: "#products" },
|
|
|
|
|
{
|
|
|
|
|
text: "Get Directions", href: "https://maps.google.com/?q=815+S+Schifferdecker+Ave,+Joplin,+MO+64801"},
|
|
|
|
|
text: "Get Directions", href: "https://maps.google.com/?q=815+S+Schifferdecker+Ave,+Joplin,+MO+64801"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
mediaItems={[
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pile-weathered-red-bricks_632498-60816.jpg", imageAlt: "Landscaping rocks and stones"},
|
|
|
|
|
imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/pile-weathered-red-bricks_632498-60816.jpg", imageAlt: "Landscaping rocks and stones"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pebbles-second-hand-market_23-2149338412.jpg", imageAlt: "Premium garden materials"},
|
|
|
|
|
imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/high-angle-pebbles-second-hand-market_23-2149338412.jpg", imageAlt: "Premium garden materials"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-beach-full-colored-stones_181624-14164.jpg", imageAlt: "Colorful landscape stones"},
|
|
|
|
|
imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/overhead-shot-beach-full-colored-stones_181624-14164.jpg", imageAlt: "Colorful landscape stones"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020456.jpg", imageAlt: "Professional landscaping supplies"},
|
|
|
|
|
imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/gardening_23-2148020456.jpg", imageAlt: "Professional landscaping supplies"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer_158595-6978.jpg", imageAlt: "Garden center products"},
|
|
|
|
|
imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer_158595-6978.jpg", imageAlt: "Garden center products"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -85,13 +97,21 @@ export default function LandingPage() {
|
|
|
|
|
tagIcon={Package}
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "River Rocks", price: "Starting at $25/bag", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12263.jpg", imageAlt: "Natural river rocks"},
|
|
|
|
|
id: "1", name: "River Rocks", price: "Starting at $25/bag", imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12263.jpg", imageAlt: "Natural river rocks"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Decorative Stone Mix", price: "Starting at $30/bag", imageSrc: "http://img.b2bpic.net/free-photo/polished-stones-earthy-tones-glisten-with-reflected-light_91128-4516.jpg", imageAlt: "Assorted decorative stones"},
|
|
|
|
|
id: "2", name: "Decorative Stone Mix", price: "Starting at $30/bag", imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/polished-stones-earthy-tones-glisten-with-reflected-light_91128-4516.jpg", imageAlt: "Assorted decorative stones"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Premium Mulch", price: "Starting at $15/bag", imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131226.jpg", imageAlt: "High-quality garden mulch"},
|
|
|
|
|
id: "3", name: "Premium Mulch", price: "Starting at $15/bag", imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131226.jpg", imageAlt: "High-quality garden mulch"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Landscape Gravel", price: "Starting at $20/bag", imageSrc: "http://img.b2bpic.net/free-photo/cement-crossed-by-diagonal-line-pebbles-stone_158595-6388.jpg", imageAlt: "Natural landscape gravel"},
|
|
|
|
|
id: "4", name: "Landscape Gravel", price: "Starting at $20/bag", imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/cement-crossed-by-diagonal-line-pebbles-stone_158595-6388.jpg", imageAlt: "Natural landscape gravel"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
@@ -108,13 +128,25 @@ export default function LandingPage() {
|
|
|
|
|
tagIcon={CheckCircle}
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: "01", title: "Wide Selection", description: "Browse from our extensive collection of rocks, stones, mulch, and landscape materials", imageSrc: "http://img.b2bpic.net/free-photo/girl-buying-cosmetic_1398-1040.jpg", imageAlt: "Diverse product selection"},
|
|
|
|
|
id: "01", title: "Wide Selection", description:
|
|
|
|
|
"Browse from our extensive collection of rocks, stones, mulch, and landscape materials", imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/girl-buying-cosmetic_1398-1040.jpg", imageAlt: "Diverse product selection"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "02", title: "Competitive Pricing", description: "Quality materials at fair prices. Bulk discounts available for larger projects", imageSrc: "http://img.b2bpic.net/free-vector/gradient-sale-badge-collection_23-2147820548.jpg", imageAlt: "Great value pricing"},
|
|
|
|
|
id: "02", title: "Competitive Pricing", description:
|
|
|
|
|
"Quality materials at fair prices. Bulk discounts available for larger projects", imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-vector/gradient-sale-badge-collection_23-2147820548.jpg", imageAlt: "Great value pricing"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "03", title: "Expert Advice", description: "Our knowledgeable staff can help you choose the perfect materials for your project", imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-service-representative-using-computer-while-communicating-with-clients-online_637285-6679.jpg", imageAlt: "Professional consultation"},
|
|
|
|
|
id: "03", title: "Expert Advice", description:
|
|
|
|
|
"Our knowledgeable staff can help you choose the perfect materials for your project", imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/happy-customer-service-representative-using-computer-while-communicating-with-clients-online_637285-6679.jpg", imageAlt: "Professional consultation"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "04", title: "Fast Service", description: "Quick checkout and convenient loading. Open until 5 PM daily for your schedule", imageSrc: "http://img.b2bpic.net/free-photo/call-center-onboarding-specialist-tutoring-intern-how-use-csm-system_482257-117972.jpg", imageAlt: "Efficient service"},
|
|
|
|
|
id: "04", title: "Fast Service", description:
|
|
|
|
|
"Quick checkout and convenient loading. Open until 5 PM daily for your schedule", imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/call-center-onboarding-specialist-tutoring-intern-how-use-csm-system_482257-117972.jpg", imageAlt: "Efficient service"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
@@ -131,20 +163,31 @@ export default function LandingPage() {
|
|
|
|
|
tagIcon={Star}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "James Mitchell", handle: "@jmitchell", testimonial: "Excellent selection and competitive prices. The staff helped me choose the perfect stones for my garden redesign. Highly recommended!", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Mitchell"},
|
|
|
|
|
id: "1", name: "James Mitchell", handle: "@jmitchell", testimonial:
|
|
|
|
|
"Excellent selection and competitive prices. The staff helped me choose the perfect stones for my garden redesign. Highly recommended!", rating: 5,
|
|
|
|
|
imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "James Mitchell"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Sarah Johnson", handle: "@sarahjohnson", testimonial: "Best garden center in Joplin. Great products, friendly service, and they really know their materials. Perfect for all my landscaping projects.", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Sarah Johnson"},
|
|
|
|
|
id: "2", name: "Sarah Johnson", handle: "@sarahjohnson", testimonial:
|
|
|
|
|
"Best garden center in Joplin. Great products, friendly service, and they really know their materials. Perfect for all my landscaping projects.", rating: 5,
|
|
|
|
|
imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1", imageAlt: "Sarah Johnson"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Michael Chen", handle: "@mchen", testimonial: "Professional team that takes care of their customers. The quality of materials is outstanding and the pricing is fair. Will definitely return.", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Chen"},
|
|
|
|
|
id: "3", name: "Michael Chen", handle: "@mchen", testimonial:
|
|
|
|
|
"Professional team that takes care of their customers. The quality of materials is outstanding and the pricing is fair. Will definitely return.", rating: 5,
|
|
|
|
|
imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Michael Chen"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Emma Rodriguez", handle: "@erodriguez", testimonial: "Rock Yard made my landscaping project so much easier. Great advice and fast service. My neighbors are already asking where I got my materials!", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Emma Rodriguez"},
|
|
|
|
|
id: "4", name: "Emma Rodriguez", handle: "@erodriguez", testimonial:
|
|
|
|
|
"Rock Yard made my landscaping project so much easier. Great advice and fast service. My neighbors are already asking where I got my materials!", rating: 5,
|
|
|
|
|
imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2", imageAlt: "Emma Rodriguez"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
showRating={true}
|
|
|
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
@@ -155,18 +198,27 @@ export default function LandingPage() {
|
|
|
|
|
<ContactFaq
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "What are your hours?", content: "We are open daily. Our garden center closes at 5 PM. Call us at (417) 781-1016 for current hours and seasonal variations."},
|
|
|
|
|
id: "1", title: "What are your hours?", content:
|
|
|
|
|
"We are open daily. Our garden center closes at 5 PM. Call us at (417) 781-1016 for current hours and seasonal variations."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "Do you offer delivery?", content: "Yes, we offer delivery services for larger orders. Contact us at (417) 781-1016 to discuss your project and get a delivery quote."},
|
|
|
|
|
id: "2", title: "Do you offer delivery?", content:
|
|
|
|
|
"Yes, we offer delivery services for larger orders. Contact us at (417) 781-1016 to discuss your project and get a delivery quote."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "Can I get advice on my project?", content: "Absolutely! Our knowledgeable staff is happy to provide guidance on material selection and project planning. Visit us or call with details about your landscaping needs."},
|
|
|
|
|
id: "3", title: "Can I get advice on my project?", content:
|
|
|
|
|
"Absolutely! Our knowledgeable staff is happy to provide guidance on material selection and project planning. Visit us or call with details about your landscaping needs."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", title: "Do you have bulk discounts?", content: "Yes, we offer competitive pricing for bulk orders. Ask our staff about volume discounts when you visit or call (417) 781-1016."},
|
|
|
|
|
id: "4", title: "Do you have bulk discounts?", content:
|
|
|
|
|
"Yes, we offer competitive pricing for bulk orders. Ask our staff about volume discounts when you visit or call (417) 781-1016."
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
ctaTitle="Visit Rock Yard Today"
|
|
|
|
|
ctaDescription="Stop by our garden center to explore our full selection of landscaping materials. Open daily until 5 PM."
|
|
|
|
|
ctaDescription="Visit us in person at 815 S Schifferdecker Ave, Joplin. Open daily until 5 PM—our team is ready to help with your project."
|
|
|
|
|
ctaButton={{
|
|
|
|
|
text: "Get Directions", href: "https://maps.google.com/?q=815+S+Schifferdecker+Ave,+Joplin,+MO+64801"}}
|
|
|
|
|
text: "Get Directions", href: "https://maps.google.com/?q=815+S+Schifferdecker+Ave,+Joplin,+MO+64801"
|
|
|
|
|
}}
|
|
|
|
|
ctaIcon={MapPin}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
@@ -182,4 +234,4 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
