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:version_4
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
version_4 ... 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

49
src/app/layout.tsx
View File

@@ -1,27 +1,53 @@
import type { Metadata } from "next"; 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 "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const geist = Geist({ const mulish = Mulish({
variable: "--font-geist-sans", subsets: ["latin"], variable: "--font-mulish", subsets: ["latin"],
}); });
const geist_mono = Geist_Mono({ const halant = Halant({
variable: "--font-geist-mono", subsets: ["latin"], variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
}); });
export const metadata: Metadata = { 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({ export default function RootLayout({
children, children,
}: { }: Readonly<{
children: React.ReactNode; children: React.ReactNode;
}) { }>) {
return ( return (
<html lang="en"> <html lang="en" suppressHydrationWarning>
<body className={`${geist.variable} ${geist_mono.variable} antialiased`}> <ServiceWrapper>
{children} <body
className={`${mulish.variable} ${halant.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
@@ -1390,6 +1416,7 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

85
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." 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" tag="Garden Center"
tagIcon={Sparkles} tagIcon={Sparkles}
background={{ variant: "radial-gradient" }} background={{ variant: "sparkles-gradient" }}
buttons={[ 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" text: "Get Directions", href: "https://maps.google.com/?q=815+S+Schifferdecker+Ave,+Joplin,+MO+64801"
}, },
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: imageSrc: "http://img.b2bpic.net/free-photo/pile-weathered-red-bricks_632498-60816.jpg", imageAlt: "Landscaping rocks and stones"
"http://img.b2bpic.net/free-photo/pile-weathered-red-bricks_632498-60816.jpg", imageAlt: "Landscaping rocks and stones"
}, },
{ {
imageSrc: imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pebbles-second-hand-market_23-2149338412.jpg", imageAlt: "Premium garden materials"
"http://img.b2bpic.net/free-photo/high-angle-pebbles-second-hand-market_23-2149338412.jpg", imageAlt: "Premium garden materials"
}, },
{ {
imageSrc: imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-beach-full-colored-stones_181624-14164.jpg", imageAlt: "Colorful landscape stones"
"http://img.b2bpic.net/free-photo/overhead-shot-beach-full-colored-stones_181624-14164.jpg", imageAlt: "Colorful landscape stones"
}, },
{ {
imageSrc: imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020456.jpg", imageAlt: "Professional landscaping supplies"
"http://img.b2bpic.net/free-photo/gardening_23-2148020456.jpg", imageAlt: "Professional landscaping supplies"
}, },
{ {
imageSrc: imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer_158595-6978.jpg", imageAlt: "Garden center products"
"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} tagIcon={Package}
products={[ products={[
{ {
id: "1", name: "River Rocks", price: "Starting at $25/bag", imageSrc: 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"
"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: 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"
"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: 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"
"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: 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"
"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" gridVariant="three-columns-all-equal-width"
@@ -128,24 +119,16 @@ export default function LandingPage() {
tagIcon={CheckCircle} tagIcon={CheckCircle}
features={[ features={[
{ {
id: "01", title: "Wide Selection", description: 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"
"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: 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"
"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: 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"
"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: 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"
"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" gridVariant="four-items-2x2-equal-grid"
@@ -163,28 +146,20 @@ export default function LandingPage() {
tagIcon={Star} tagIcon={Star}
testimonials={[ testimonials={[
{ {
id: "1", name: "James Mitchell", handle: "@jmitchell", testimonial: 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,
"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"
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: 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,
"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"
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: 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,
"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"
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: 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,
"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"
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} showRating={true}
@@ -198,24 +173,20 @@ export default function LandingPage() {
<ContactFaq <ContactFaq
faqs={[ faqs={[
{ {
id: "1", title: "What are your hours?", content: 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."
"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: 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."
"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: 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."
"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: 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."
"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" 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={{ 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"
}} }}

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

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