diff --git a/src/app/page.tsx b/src/app/page.tsx index 31dbc97..3b7096e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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} /> @@ -46,28 +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: "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"}, + "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"}, + "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"}, + "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"}, + "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"}, + "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer_158595-6978.jpg", imageAlt: "Garden center products" + }, ]} /> @@ -91,16 +98,20 @@ export default function LandingPage() { 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"}, + "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"}, + "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"}, + "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"}, + "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" @@ -119,19 +130,23 @@ export default function LandingPage() { { 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"}, + "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"}, + "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"}, + "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"}, + "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" @@ -151,25 +166,28 @@ export default function LandingPage() { 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"}, + "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"}, + "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"}, + "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"}, + "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} @@ -181,21 +199,26 @@ export default function LandingPage() { 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."}, + "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."}, + "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."}, + "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."}, + "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." 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"