diff --git a/src/app/page.tsx b/src/app/page.tsx index 08a7715..22a7506 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,41 +33,25 @@ export default function LandingPage() { @@ -77,79 +61,40 @@ export default function LandingPage() { description="Premium artificial turf solutions for a beautiful, low-maintenance lawn. Enjoy vibrant green year-round." testimonials={[ { - name: "Sarah J.", - handle: "@HappyHomeowner", - testimonial: "Oxygen Turf transformed our backyard! It looks incredible and is so easy to maintain. Highly recommend!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3562.jpg", - imageAlt: "Sarah J. testimonial", - }, + name: "Sarah J.", handle: "@HappyHomeowner", testimonial: "Oxygen Turf transformed our backyard! It looks incredible and is so easy to maintain. Highly recommend!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3562.jpg", imageAlt: "Sarah J. testimonial"}, { - name: "Mark T.", - handle: "@EcoGardener", - testimonial: "The quality of the turf is exceptional, and the installation team was professional. A truly eco-friendly choice.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2563.jpg", - imageAlt: "Mark T. testimonial", - }, + name: "Mark T.", handle: "@EcoGardener", testimonial: "The quality of the turf is exceptional, and the installation team was professional. A truly eco-friendly choice.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2563.jpg", imageAlt: "Mark T. testimonial"}, { - name: "Lisa R.", - handle: "@LawnLover", - testimonial: "Finally, a perfect lawn without all the hard work! Oxygen Turf delivers on its promise of beauty and convenience.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up_74855-15159.jpg", - imageAlt: "Lisa R. testimonial", - }, + name: "Lisa R.", handle: "@LawnLover", testimonial: "Finally, a perfect lawn without all the hard work! Oxygen Turf delivers on its promise of beauty and convenience.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up_74855-15159.jpg", imageAlt: "Lisa R. testimonial"}, { - name: "David K.", - handle: "@PetParent", - testimonial: "Our dogs love the new turf, and it's so much cleaner. A fantastic solution for pet owners!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-green-eyed-woman-with-smile-poses-greenhouse-holds-plant_197531-12372.jpg", - imageAlt: "David K. testimonial", - }, + name: "David K.", handle: "@PetParent", testimonial: "Our dogs love the new turf, and it's so much cleaner. A fantastic solution for pet owners!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-green-eyed-woman-with-smile-poses-greenhouse-holds-plant_197531-12372.jpg", imageAlt: "David K. testimonial"}, { - name: "Alex S.", - handle: "@GardenGlow", - testimonial: "Our garden has never looked better! Oxygen Turf made the whole process effortless and the result is stunning.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-laughing-daughter-sitting-table_259150-59411.jpg", - imageAlt: "Alex S. testimonial", - }, + name: "Alex S.", handle: "@GardenGlow", testimonial: "Our garden has never looked better! Oxygen Turf made the whole process effortless and the result is stunning.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-laughing-daughter-sitting-table_259150-59411.jpg", imageAlt: "Alex S. testimonial"}, ]} tag="Your Green Oasis Awaits" tagIcon={Sparkles} buttons={[ { - text: "Explore Our Turf", - href: "#products", - }, + text: "Explore Our Turf", href: "#products"}, { - text: "Get a Free Quote", - href: "#contact", - }, + text: "Get a Free Quote", href: "#contact"}, ]} avatars={[ { - src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", - alt: "Customer 1", - }, + src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", alt: "Customer 1"}, { - src: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-walking-park_839833-17426.jpg", - alt: "Customer 2", - }, + src: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-walking-park_839833-17426.jpg", alt: "Customer 2"}, { - src: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-coffee-cup_23-2148683766.jpg", - alt: "Customer 3", - }, + src: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-coffee-cup_23-2148683766.jpg", alt: "Customer 3"}, { - src: "http://img.b2bpic.net/free-photo/amazed-surprised-woman-reacting-astonishing-gift-raising-hands-near-shoulders-smiling-happily_1258-134520.jpg", - alt: "Customer 4", - }, + src: "http://img.b2bpic.net/free-photo/amazed-surprised-woman-reacting-astonishing-gift-raising-hands-near-shoulders-smiling-happily_1258-134520.jpg", alt: "Customer 4"}, { - src: "http://img.b2bpic.net/free-photo/pleasant-looking-asian-lady-wears-green-beret-knitted-jumper-points-fore-finger-has-cheerful-expression_273609-33165.jpg", - alt: "Customer 5", - }, + src: "http://img.b2bpic.net/free-photo/pleasant-looking-asian-lady-wears-green-beret-knitted-jumper-points-fore-finger-has-cheerful-expression_273609-33165.jpg", alt: "Customer 5"}, ]} avatarText="Join 1000+ happy homeowners" imageSrc="http://img.b2bpic.net/free-photo/volunteers-picking-up-trash-from-grass_1262-21091.jpg" @@ -180,45 +125,21 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - id: "f1", - title: "Year-Round Vibrancy", - tags: [ - "Always Green", - "No Fading", - ], - imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-milk-grass-with-copy-space_23-2148399100.jpg", - imageAlt: "Vibrant green turf close up", - }, + id: "f1", title: "Year-Round Vibrancy", tags: [ + "Always Green", "No Fading"], + imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-milk-grass-with-copy-space_23-2148399100.jpg", imageAlt: "Vibrant green turf close up"}, { - id: "f2", - title: "Water Conservation", - tags: [ - "Eco-Friendly", - "Low Bill", - ], - imageSrc: "http://img.b2bpic.net/free-photo/green-grass_1417-1672.jpg", - imageAlt: "Water droplets on turf", - }, + id: "f2", title: "Water Conservation", tags: [ + "Eco-Friendly", "Low Bill"], + imageSrc: "http://img.b2bpic.net/free-photo/green-grass_1417-1672.jpg", imageAlt: "Water droplets on turf"}, { - id: "f3", - title: "Professional Installation", - tags: [ - "Expert Team", - "Seamless Finish", - ], - imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756541.jpg", - imageAlt: "Turf being installed by professionals", - }, + id: "f3", title: "Professional Installation", tags: [ + "Expert Team", "Seamless Finish"], + imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756541.jpg", imageAlt: "Turf being installed by professionals"}, { - id: "f4", - title: "Pet & Child Friendly", - tags: [ - "Safe", - "Durable", - ], - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-family-spends-time-together-outdoors_158595-5547.jpg", - imageAlt: "Child and pet playing on turf", - }, + id: "f4", title: "Pet & Child Friendly", tags: [ + "Safe", "Durable"], + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-family-spends-time-together-outdoors_158595-5547.jpg", imageAlt: "Child and pet playing on turf"}, ]} title="Why Choose Oxygen Turf?" description="Discover the unmatched benefits that make our artificial turf the smart choice for any property." @@ -234,65 +155,23 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "p1", - brand: "Oxygen Turf", - name: "Evergreen Deluxe", - price: "$4.50/sq ft", - rating: 5, - reviewCount: "250", - imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7745.jpg", - imageAlt: "Evergreen Deluxe turf", - }, + id: "p1", brand: "Oxygen Turf", name: "Evergreen Deluxe", price: "$4.50/sq ft", rating: 5, + reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7745.jpg", imageAlt: "Evergreen Deluxe turf"}, { - id: "p2", - brand: "Oxygen Turf", - name: "Commercial Pro", - price: "$5.20/sq ft", - rating: 4.8, - reviewCount: "180", - imageSrc: "http://img.b2bpic.net/free-photo/natural-grass-close-up_23-2148858214.jpg", - imageAlt: "Commercial Pro turf", - }, + id: "p2", brand: "Oxygen Turf", name: "Commercial Pro", price: "$5.20/sq ft", rating: 4.8, + reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/natural-grass-close-up_23-2148858214.jpg", imageAlt: "Commercial Pro turf"}, { - id: "p3", - brand: "Oxygen Turf", - name: "Golf Pro Green", - price: "$6.00/sq ft", - rating: 4.9, - reviewCount: "95", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-playing-sport-together_23-2149530321.jpg", - imageAlt: "Golf Pro Green turf", - }, + id: "p3", brand: "Oxygen Turf", name: "Golf Pro Green", price: "$6.00/sq ft", rating: 4.9, + reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-playing-sport-together_23-2149530321.jpg", imageAlt: "Golf Pro Green turf"}, { - id: "p4", - brand: "Oxygen Turf", - name: "Pet Friendly Dura", - price: "$4.80/sq ft", - rating: 4.7, - reviewCount: "120", - imageSrc: "http://img.b2bpic.net/free-photo/dog-running-green-grass_23-2147877731.jpg", - imageAlt: "Pet Friendly Dura turf", - }, + id: "p4", brand: "Oxygen Turf", name: "Pet Friendly Dura", price: "$4.80/sq ft", rating: 4.7, + reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/dog-running-green-grass_23-2147877731.jpg", imageAlt: "Pet Friendly Dura turf"}, { - id: "p5", - brand: "Oxygen Turf", - name: "Play Safe Cushion", - price: "$5.50/sq ft", - rating: 4.9, - reviewCount: "75", - imageSrc: "http://img.b2bpic.net/free-photo/small-girl-green-yellow-background_23-2147722503.jpg", - imageAlt: "Play Safe Cushion turf", - }, + id: "p5", brand: "Oxygen Turf", name: "Play Safe Cushion", price: "$5.50/sq ft", rating: 4.9, + reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/small-girl-green-yellow-background_23-2147722503.jpg", imageAlt: "Play Safe Cushion turf"}, { - id: "p6", - brand: "Oxygen Turf", - name: "Landscape Accents", - price: "$4.20/sq ft", - rating: 4.5, - reviewCount: "60", - imageSrc: "http://img.b2bpic.net/free-photo/grass-surface-with-decorative-surfboard-colored-necklace_23-2147628350.jpg", - imageAlt: "Landscape Accents turf", - }, + id: "p6", brand: "Oxygen Turf", name: "Landscape Accents", price: "$4.20/sq ft", rating: 4.5, + reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/grass-surface-with-decorative-surfboard-colored-necklace_23-2147628350.jpg", imageAlt: "Landscape Accents turf"}, ]} title="Our Premium Turf Range" description="Find the perfect artificial grass for your needs, from lush residential lawns to durable commercial landscapes." @@ -307,29 +186,11 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "m1", - value: "5000+", - title: "Happy Customers", - description: "Families and businesses enjoying perfect lawns.", - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-measuring-distance_23-2149530310.jpg", - imageAlt: "Team installing turf", - }, + id: "m1", value: "5000+", title: "Happy Customers", description: "Families and businesses enjoying perfect lawns.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-measuring-distance_23-2149530310.jpg", imageAlt: "Team installing turf"}, { - id: "m2", - value: "1 Million+", - title: "Sq Ft Installed", - description: "Covering vast areas with lush, green turf.", - imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-material-pieces-wooden-boxes_181624-18062.jpg", - imageAlt: "Before and after lawn transformation", - }, + id: "m2", value: "1 Million+", title: "Sq Ft Installed", description: "Covering vast areas with lush, green turf.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-material-pieces-wooden-boxes_181624-18062.jpg", imageAlt: "Before and after lawn transformation"}, { - id: "m3", - value: "100%", - title: "Satisfaction Rate", - description: "Committed to excellence in every project.", - imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-with-their-daughter-enjoying-garden_23-2147841243.jpg", - imageAlt: "Family playing on new turf", - }, + id: "m3", value: "100%", title: "Satisfaction Rate", description: "Committed to excellence in every project.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-with-their-daughter-enjoying-garden_23-2147841243.jpg", imageAlt: "Family playing on new turf"}, ]} title="Our Impact & Success" description="Proudly serving communities with superior turf solutions and exceptional service." @@ -342,41 +203,17 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "t1", - name: "Jessica L.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4662.jpg", - imageAlt: "Jessica L.", - }, + id: "t1", name: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4662.jpg", imageAlt: "Jessica L."}, { - id: "t2", - name: "Robert B.", - imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-bottle-water-waving-her-hand_23-2147925394.jpg", - imageAlt: "Robert B.", - }, + id: "t2", name: "Robert B.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-bottle-water-waving-her-hand_23-2147925394.jpg", imageAlt: "Robert B."}, { - id: "t3", - name: "The Chen Family", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-holding-watering-cans_23-2149722614.jpg", - imageAlt: "The Chen Family", - }, + id: "t3", name: "The Chen Family", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-holding-watering-cans_23-2149722614.jpg", imageAlt: "The Chen Family"}, { - id: "t4", - name: "Maria P.", - imageSrc: "http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176551.jpg", - imageAlt: "Maria P.", - }, + id: "t4", name: "Maria P.", imageSrc: "http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176551.jpg", imageAlt: "Maria P."}, { - id: "t5", - name: "William S.", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-couple-with-music_23-2149071569.jpg", - imageAlt: "William S.", - }, + id: "t5", name: "William S.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-couple-with-music_23-2149071569.jpg", imageAlt: "William S."}, { - id: "t6", - name: "GreenScape Solutions", - imageSrc: "http://img.b2bpic.net/free-photo/business-executives-shaking-hands-near-lift_107420-65782.jpg", - imageAlt: "GreenScape Solutions", - }, + id: "t6", name: "GreenScape Solutions", imageSrc: "http://img.b2bpic.net/free-photo/business-executives-shaking-hands-near-lift_107420-65782.jpg", imageAlt: "GreenScape Solutions"}, ]} cardTitle="What Our Clients Say" cardTag="Customer Success" @@ -390,35 +227,17 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "Is artificial turf safe for pets and children?", - content: "Absolutely! Our artificial turf products are made from non-toxic, lead-free materials, making them completely safe for both pets and children. They are also hypoallergenic, reducing issues for those with grass allergies. The soft, even surface provides a great play area.", - }, + id: "q1", title: "Is artificial turf safe for pets and children?", content: "Absolutely! Our artificial turf products are made from non-toxic, lead-free materials, making them completely safe for both pets and children. They are also hypoallergenic, reducing issues for those with grass allergies. The soft, even surface provides a great play area."}, { - id: "q2", - title: "How long does artificial turf last?", - content: "With proper care and maintenance, Oxygen Turf's artificial grass is designed to last between 15 to 20 years. Our products come with extended warranties, guaranteeing long-term durability and resistance to wear and tear, even in high-traffic areas.", - }, + id: "q2", title: "How long does artificial turf last?", content: "With proper care and maintenance, Oxygen Turf's artificial grass is designed to last between 15 to 20 years. Our products come with extended warranties, guaranteeing long-term durability and resistance to wear and tear, even in high-traffic areas."}, { - id: "q3", - title: "What kind of maintenance does artificial turf require?", - content: "Artificial turf requires minimal maintenance compared to natural grass. Regular brushing to keep the fibers upright, occasional rinsing to remove dust, and cleaning up pet waste are usually sufficient. No mowing, watering, or fertilizing is needed, saving you time and money.", - }, + id: "q3", title: "What kind of maintenance does artificial turf require?", content: "Artificial turf requires minimal maintenance compared to natural grass. Regular brushing to keep the fibers upright, occasional rinsing to remove dust, and cleaning up pet waste are usually sufficient. No mowing, watering, or fertilizing is needed, saving you time and money."}, { - id: "q4", - title: "Can artificial turf withstand extreme weather conditions?", - content: "Yes, our artificial turf is engineered to endure a wide range of weather conditions, including intense sun, heavy rain, frost, and snow. It features UV-stabilized yarns to prevent fading and a robust drainage system to handle moisture effectively, ensuring it looks great all year.", - }, + id: "q4", title: "Can artificial turf withstand extreme weather conditions?", content: "Yes, our artificial turf is engineered to endure a wide range of weather conditions, including intense sun, heavy rain, frost, and snow. It features UV-stabilized yarns to prevent fading and a robust drainage system to handle moisture effectively, ensuring it looks great all year."}, { - id: "q5", - title: "How does drainage work with artificial turf?", - content: "Our artificial turf installations include a highly efficient drainage system. The turf backing is perforated, allowing water to pass through to a prepared sub-base of crushed rock. This design ensures quick drainage, preventing puddling and keeping your lawn dry and clean.", - }, + id: "q5", title: "How does drainage work with artificial turf?", content: "Our artificial turf installations include a highly efficient drainage system. The turf backing is perforated, allowing water to pass through to a prepared sub-base of crushed rock. This design ensures quick drainage, preventing puddling and keeping your lawn dry and clean."}, { - id: "q6", - title: "What is the installation process like?", - content: "Our professional installation process typically involves preparing the base by excavating and leveling the area, laying down a weed barrier, applying a compacted aggregate base, and then rolling out and securing the turf. Infill material is spread evenly to help the blades stand up, providing a natural look and feel. The entire process is handled by our experienced team.", - }, + id: "q6", title: "What is the installation process like?", content: "Our professional installation process typically involves preparing the base by excavating and leveling the area, laying down a weed barrier, applying a compacted aggregate base, and then rolling out and securing the turf. Infill material is spread evenly to help the blades stand up, providing a natural look and feel. The entire process is handled by our experienced team."}, ]} title="Common Questions About Turf" description="Find answers to frequently asked questions regarding artificial turf installation, maintenance, and benefits." @@ -431,8 +250,7 @@ export default function LandingPage() { ); -} +} \ No newline at end of file diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index fd9ebfc..4d90342 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #ffffff; - --card: #f9f9f9; - --foreground: #120006e6; - --primary-cta: #e63946; + --background: #c4c4c4; + --card: #d4d4d4; + --foreground: #1a1a1a; + --primary-cta: #22c55e; --primary-cta-text: #ffffff; - --secondary-cta: #f9f9f9; - --secondary-cta-text: #120006e6; - --accent: #e2e2e2; - --background-accent: #c4c4c4; + --secondary-cta: #e0e0e0; + --secondary-cta-text: #1a1a1a; + --accent: #16a34a; + --background-accent: #b4b4b4; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);