bender/3d3c02e7-e0b5-4f54-899b-780db833857a
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:main
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_1 bender:version_2
..
compare: bender:version_1
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_1 bender:version_2

2 Commits
main ... version_1

Author SHA1 Message Date
bender
a6b5a5f0d3 Update src/app/page.tsx 2026-03-03 20:18:17 +00:00
bender
8b769f7108 Update src/app/page.tsx 2026-03-03 20:04:18 +00:00
3 changed files with 85 additions and 87 deletions
Expand all files Collapse all files

53
src/app/layout.tsx
View File

@@ -1,28 +1,54 @@
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import { Mulish } from "next/font/google";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const geist = Geist({
variable: "--font-geist-sans", subsets: ["latin"],
const mulish = Mulish({
variable: "--font-mulish", subsets: ["latin"],
});
const geist_mono = Geist_Mono({
variable: "--font-geist-mono", subsets: ["latin"],
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Rock Yard - Premium Landscaping Materials", description: "Quality landscape materials for your home in Joplin"};
title: "Rock Yard Joplin | Landscaping Materials & Garden Center", description: "Quality landscaping rocks, stones, mulch, and garden materials in Joplin, MO. Expert advice and competitive pricing. Visit us at 815 S Schifferdecker Ave.", keywords: "landscaping rocks, garden center, landscape materials, gravel, mulch, Joplin MO, decorative stones", robots: {
index: true,
follow: true,
},
openGraph: {
title: "Rock Yard Joplin | Premium Landscaping Materials", description: "Discover quality landscaping rocks and garden materials at Rock Yard. Serving Joplin with expert advice and fair pricing.", url: "https://rockyardjoplin.com", siteName: "Rock Yard", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/pile-weathered-red-bricks_632498-60816.jpg", alt: "Premium landscaping rocks and materials"},
],
},
twitter: {
card: "summary_large_image", title: "Rock Yard Joplin | Landscaping Materials", description: "Quality rocks, stones, and garden materials for your landscaping projects.", images: ["http://img.b2bpic.net/free-photo/pile-weathered-red-bricks_632498-60816.jpg"],
},
};
export default function RootLayout({
children,
}: {
}: Readonly<{
children: React.ReactNode;
}) {
}>) {
return (
<html lang="en">
<body className={`${geist.variable} ${geist_mono.variable} antialiased`}>
{children}
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${mulish.variable} ${halant.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1390,6 +1416,7 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}
}

87
src/app/page.tsx
View File

@@ -47,33 +47,28 @@ 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: "radial-gradient" }}
background={{ variant: "sparkles-gradient" }}
buttons={[
{ text: "Shop Now", href: "#products" },
{ text: "Browse Products", href: "#products" },
{
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"
},
]}
/>
@@ -97,20 +92,16 @@ 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"
@@ -128,24 +119,16 @@ 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"
@@ -163,28 +146,20 @@ 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?_wi=1", 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?_wi=1", 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?_wi=2", 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?_wi=2", 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}
@@ -198,24 +173,20 @@ 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="Visit us in person at 815 S Schifferdecker Ave, Joplin. Open daily until 5 PM—our team is ready to help with your project."
ctaDescription="Stop by our garden center to explore our full selection of landscaping materials. Open daily until 5 PM."
ctaButton={{
text: "Get Directions", href: "https://maps.google.com/?q=815+S+Schifferdecker+Ave,+Joplin,+MO+64801"
}}
@@ -234,4 +205,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}

32
src/app/styles/variables.css
View File

@@ -2,23 +2,23 @@
/* Base units */
/* --vw is set by ThemeProvider */
/* --background: #f5f5f5;;;;;
--card: #ffffff;;;;;
--foreground: #1c1c1c;;;;;
--primary-cta: #84a643;;;;;
--secondary-cta: #ffffff;;;;;
--accent: #84a643;;;;;
--background-accent: #e8daa7;;;;; */
/* --background: #f5f5f5;;
--card: #ffffff;;
--foreground: #1c1c1c;;
--primary-cta: #6139e6;;
--secondary-cta: #ffffff;;
--accent: #6139e6;;
--background-accent: #b3a8e8;; */
--background: #f5f5f5;;;;;
--card: #ffffff;;;;;
--foreground: #1c1c1c;;;;;
--primary-cta: #84a643;;;;;
--primary-cta-text: #f5f5f5;;;;;
--secondary-cta: #ffffff;;;;;
--secondary-cta-text: #1c1c1c;;;;;
--accent: #84a643;;;;;
--background-accent: #e8daa7;;;;;
--background: #f5f5f5;;
--card: #ffffff;;
--foreground: #1c1c1c;;
--primary-cta: #6139e6;;
--primary-cta-text: #f5f5f5;;
--secondary-cta: #ffffff;;
--secondary-cta-text: #1c1c1c;;
--accent: #6139e6;;
--background-accent: #b3a8e8;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);