From f749fcbbffbe59002d8f82718b66d3ecf11bb662 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 26 Mar 2026 12:25:16 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 273 +++++++++++------------------------------------ 1 file changed, 65 insertions(+), 208 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 3afacd2..70e9b4e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -2,15 +2,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import ContactCTA from '@/components/sections/contact/ContactCTA'; -import FaqBase from '@/components/sections/faq/FaqBase'; -import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive'; -import FooterSimple from '@/components/sections/footer/FooterSimple'; -import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard'; -import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout'; -import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; -import ProductCardThree from '@/components/sections/product/ProductCardThree'; -import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; +import ContactCTA from "@/components/sections/contact/ContactCTA"; +import FaqBase from "@/components/sections/faq/FaqBase"; +import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive"; +import FooterSimple from "@/components/sections/footer/FooterSimple"; +import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard"; +import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout"; +import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; +import ProductCardThree from "@/components/sections/product/ProductCardThree"; +import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive"; import { Feather, Heart, Palette, ShieldCheck } from "lucide-react"; export default function LandingPage() { @@ -23,8 +23,8 @@ export default function LandingPage() { sizing="mediumLargeSizeMediumTitles" background="aurora" cardStyle="subtle-shadow" - primaryButtonStyle="shadow" - secondaryButtonStyle="glass" + primaryButtonStyle="gradient" + secondaryButtonStyle="solid" headingFontWeight="extrabold" > @@ -32,29 +32,17 @@ export default function LandingPage() { @@ -63,19 +51,14 @@ export default function LandingPage() {
@@ -122,26 +94,11 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "p1", - name: "Borosilicate Glass Bottle", - price: "$29.99", - imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151057962.jpg", - imageAlt: "Elegant glass water bottle", - }, + id: "p1", name: "Borosilicate Glass Bottle", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151057962.jpg", imageAlt: "Elegant glass water bottle"}, { - id: "p2", - name: "Bamboo Infused Bottle", - price: "$34.99", - imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-zero-waste-items_23-2149214767.jpg", - imageAlt: "Bamboo infused water bottle", - }, + id: "p2", name: "Bamboo Infused Bottle", price: "$34.99", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-zero-waste-items_23-2149214767.jpg", imageAlt: "Bamboo infused water bottle"}, { - id: "p3", - name: "Recycled Steel Bottle", - price: "$39.99", - imageSrc: "http://img.b2bpic.net/free-photo/aluminum-bottle-packaging-liquids_23-2150821005.jpg", - imageAlt: "Recycled stainless steel water bottle", - }, + id: "p3", name: "Recycled Steel Bottle", price: "$39.99", imageSrc: "http://img.b2bpic.net/free-photo/aluminum-bottle-packaging-liquids_23-2150821005.jpg", imageAlt: "Recycled stainless steel water bottle"}, ]} title="Our Organic Bottle Collection" description="Discover our range of beautifully designed, sustainably sourced water bottles. Perfect for every lifestyle, conscious of our planet." @@ -155,67 +112,43 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Eco-Conscious Materials", - description: "Crafted from sustainable and recycled materials, ensuring minimal environmental impact.", - icon: Feather, + title: "Eco-Conscious Materials", description: "Crafted from sustainable and recycled materials, ensuring minimal environmental impact.", icon: Feather, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-vector/world-environment-day-banners_1057-958.jpg?_wi=1", - imageAlt: "Eco-friendly leaf icon", - }, + imageSrc: "http://img.b2bpic.net/free-vector/world-environment-day-banners_1057-958.jpg?_wi=1", imageAlt: "Eco-friendly leaf icon"}, { - imageSrc: "http://img.b2bpic.net/free-vector/world-environment-day-banners_1057-958.jpg?_wi=2", - imageAlt: "Eco-friendly leaf icon", - }, + imageSrc: "http://img.b2bpic.net/free-vector/world-environment-day-banners_1057-958.jpg?_wi=2", imageAlt: "Eco-friendly leaf icon"}, ], }, { - title: "Health-Safe & Non-Toxic", - description: "Designed with your well-being in mind, free from harmful chemicals and plastics.", - icon: Heart, + title: "Health-Safe & Non-Toxic", description: "Designed with your well-being in mind, free from harmful chemicals and plastics.", icon: Heart, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-vector/flat-world-water-day-infographic-template_23-2149273824.jpg?_wi=1", - imageAlt: "Heart pulse healthy lifestyle icon", - }, + imageSrc: "http://img.b2bpic.net/free-vector/flat-world-water-day-infographic-template_23-2149273824.jpg?_wi=1", imageAlt: "Heart pulse healthy lifestyle icon"}, { - imageSrc: "http://img.b2bpic.net/free-vector/flat-world-water-day-infographic-template_23-2149273824.jpg?_wi=2", - imageAlt: "Heart pulse healthy lifestyle icon", - }, + imageSrc: "http://img.b2bpic.net/free-vector/flat-world-water-day-infographic-template_23-2149273824.jpg?_wi=2", imageAlt: "Heart pulse healthy lifestyle icon"}, ], }, { - title: "Durable & Long-Lasting", - description: "Engineered for daily use, our bottles are built to withstand the rigors of your active life.", - icon: ShieldCheck, + title: "Durable & Long-Lasting", description: "Engineered for daily use, our bottles are built to withstand the rigors of your active life.", icon: ShieldCheck, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-vector/gear-infographic_23-2148156914.jpg?_wi=1", - imageAlt: "Strong shield protection icon", - }, + imageSrc: "http://img.b2bpic.net/free-vector/gear-infographic_23-2148156914.jpg?_wi=1", imageAlt: "Strong shield protection icon"}, { - imageSrc: "http://img.b2bpic.net/free-vector/gear-infographic_23-2148156914.jpg?_wi=2", - imageAlt: "Strong shield protection icon", - }, + imageSrc: "http://img.b2bpic.net/free-vector/gear-infographic_23-2148156914.jpg?_wi=2", imageAlt: "Strong shield protection icon"}, ], }, { - title: "Stylish & Ergonomic Design", - description: "A fusion of aesthetic appeal and practical functionality, enhancing your daily hydration.", - icon: Palette, + title: "Stylish & Ergonomic Design", description: "A fusion of aesthetic appeal and practical functionality, enhancing your daily hydration.", icon: Palette, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-vector/elegant-vintage-letter-v-logo_1035-8795.jpg?_wi=1", - imageAlt: "Star quality aesthetic icon", - }, + imageSrc: "http://img.b2bpic.net/free-vector/elegant-vintage-letter-v-logo_1035-8795.jpg?_wi=1", imageAlt: "Star quality aesthetic icon"}, { - imageSrc: "http://img.b2bpic.net/free-vector/elegant-vintage-letter-v-logo_1035-8795.jpg?_wi=2", - imageAlt: "Star quality aesthetic icon", - }, + imageSrc: "http://img.b2bpic.net/free-vector/elegant-vintage-letter-v-logo_1035-8795.jpg?_wi=2", imageAlt: "Star quality aesthetic icon"}, ], }, ]} - title="Why Choose Organic Bottle Co.?" + title="Why Choose Organic Bottle Co." description="Our bottles are more than just containers; they are a statement of conscious living and superior quality." /> @@ -226,55 +159,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Sarah J.", - date: "2 months ago", - title: "Best Eco-Friendly Bottle!", - quote: "I absolutely love my new Organic Bottle! It's stylish, keeps my water cold all day, and I feel good knowing it's sustainable.", - tag: "Hydration Hero", - avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-99771.jpg", - avatarAlt: "Sarah J.", - }, + id: "1", name: "Sarah J.", date: "2 months ago", title: "Best Eco-Friendly Bottle!", quote: "I absolutely love my new Organic Bottle! It's stylish, keeps my water cold all day, and I feel good knowing it's sustainable.", tag: "Hydration Hero", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-99771.jpg", avatarAlt: "Sarah J."}, { - id: "2", - name: "Michael T.", - date: "3 weeks ago", - title: "Durable and Chic", - quote: "Finally found a bottle that matches my eco-values without compromising on quality or looks. Highly recommend Organic Bottle Co.!", - tag: "Sustainable Choice", - avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-65932.jpg", - avatarAlt: "Michael T.", - }, + id: "2", name: "Michael T.", date: "3 weeks ago", title: "Durable and Chic", quote: "Finally found a bottle that matches my eco-values without compromising on quality or looks. Highly recommend Organic Bottle Co.!", tag: "Sustainable Choice", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-65932.jpg", avatarAlt: "Michael T."}, { - id: "3", - name: "Emily R.", - date: "1 month ago", - title: "Perfect for Daily Use", - quote: "From the gym to the office, my Organic Bottle is always with me. Easy to clean and incredibly durable. Five stars!", - tag: "Daily Essential", - avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-businesswoman-smiling-workplace-office_176420-6981.jpg", - avatarAlt: "Emily R.", - }, + id: "3", name: "Emily R.", date: "1 month ago", title: "Perfect for Daily Use", quote: "From the gym to the office, my Organic Bottle is always with me. Easy to clean and incredibly durable. Five stars!", tag: "Daily Essential", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-businesswoman-smiling-workplace-office_176420-6981.jpg", avatarAlt: "Emily R."}, { - id: "4", - name: "David K.", - date: "1 week ago", - title: "A True Game Changer", - quote: "The commitment to natural materials really shines through. This bottle feels premium and I'm proud to carry it.", - tag: "Premium Quality", - avatarSrc: "http://img.b2bpic.net/free-photo/young-blonde-charming-female-isolated_176474-79608.jpg", - avatarAlt: "David K.", - }, + id: "4", name: "David K.", date: "1 week ago", title: "A True Game Changer", quote: "The commitment to natural materials really shines through. This bottle feels premium and I'm proud to carry it.", tag: "Premium Quality", avatarSrc: "http://img.b2bpic.net/free-photo/young-blonde-charming-female-isolated_176474-79608.jpg", avatarAlt: "David K."}, { - id: "5", - name: "Jessica L.", - date: "2 weeks ago", - title: "Stylish & Practical", - quote: "Love the minimalist design and the fact that it's made from organic materials. It's the perfect size for my needs.", - tag: "Fashionably Green", - avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-portrait-autumn-color_1304-4942.jpg", - avatarAlt: "Jessica L.", - }, + id: "5", name: "Jessica L.", date: "2 weeks ago", title: "Stylish & Practical", quote: "Love the minimalist design and the fact that it's made from organic materials. It's the perfect size for my needs.", tag: "Fashionably Green", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-portrait-autumn-color_1304-4942.jpg", avatarAlt: "Jessica L."}, ]} title="What Our Customers Say" description="Hear from the growing community who chose sustainability without sacrificing style and quality." @@ -287,25 +180,13 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq1", - title: "What materials are your bottles made from?", - content: "Our bottles are primarily crafted from high-quality borosilicate glass, recycled stainless steel, and sustainable bamboo, ensuring both durability and eco-friendliness.", - }, + id: "faq1", title: "What materials are your bottles made from?", content: "Our bottles are primarily crafted from high-quality borosilicate glass, recycled stainless steel, and sustainable bamboo, ensuring both durability and eco-friendliness."}, { - id: "faq2", - title: "Are the bottles dishwasher safe?", - content: "While the glass and steel components are dishwasher safe, we recommend hand-washing bottles with bamboo elements to preserve their natural finish and longevity.", - }, + id: "faq2", title: "Are the bottles dishwasher safe?", content: "While the glass and steel components are dishwasher safe, we recommend hand-washing bottles with bamboo elements to preserve their natural finish and longevity."}, { - id: "faq3", - title: "Do you offer international shipping?", - content: "Yes, we proudly ship our organic bottles worldwide! Shipping costs and delivery times vary by destination, details available at checkout.", - }, + id: "faq3", title: "Do you offer international shipping?", content: "Yes, we proudly ship our organic bottles worldwide! Shipping costs and delivery times vary by destination, details available at checkout."}, { - id: "faq4", - title: "How do I care for my bamboo cap?", - content: "To maintain your bamboo cap, wash gently with soap and water, and allow it to air dry completely. Avoid prolonged soaking to prevent damage.", - }, + id: "faq4", title: "How do I care for my bamboo cap?", content: "To maintain your bamboo cap, wash gently with soap and water, and allow it to air dry completely. Avoid prolonged soaking to prevent damage."}, ]} title="Frequently Asked Questions" description="Find answers to common questions about our products, materials, and sustainable practices." @@ -317,16 +198,13 @@ export default function LandingPage() { @@ -335,54 +213,33 @@ export default function LandingPage() { ); -} +} \ No newline at end of file