From daf2abdcad507fa348a6a02278c6add74ad5d855 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 4 Mar 2026 05:58:08 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 293 ++++++++++++++--------------------------------- 1 file changed, 88 insertions(+), 205 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 7769e75..d2f3e43 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -7,9 +7,10 @@ import ProductCardOne from "@/components/sections/product/ProductCardOne"; import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour"; import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo"; import SocialProofOne from "@/components/sections/socialProof/SocialProofOne"; +import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia"; import FooterSimple from "@/components/sections/footer/FooterSimple"; import Link from "next/link"; -import { Sparkles, Heart, Shield, Star, Award } from "lucide-react"; +import { Sparkles, Heart, Shield, Star, Award, HelpCircle, Zap } from "lucide-react"; export default function HomePage() { return ( @@ -19,7 +20,7 @@ export default function HomePage() { borderRadius="soft" contentWidth="small" sizing="medium" - background="aurora" + background="circleGradient" cardStyle="gradient-radial" primaryButtonStyle="double-inset" secondaryButtonStyle="solid" @@ -29,12 +30,11 @@ export default function HomePage() { @@ -43,50 +43,34 @@ export default function HomePage() { @@ -101,47 +85,17 @@ export default function HomePage() { tagAnimation="opacity" products={[ { - id: "1", - name: "Vitamin C Radiance Serum", - price: "$65", - imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-assortment_23-2149047740.jpg?_wi=1", - imageAlt: "Vitamin C Radiance Serum", - }, + id: "1", name: "Vitamin C Radiance Serum", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-assortment_23-2149047740.jpg", imageAlt: "Vitamin C Radiance Serum"}, { - id: "2", - name: "Luxury Face Moisturizer", - price: "$58", - imageSrc: "http://img.b2bpic.net/free-photo/luxury-cream-jar-silk-fabric_9975-134546.jpg?_wi=1", - imageAlt: "Luxury Face Moisturizer", - }, + id: "2", name: "Luxury Face Moisturizer", price: "$58", imageSrc: "http://img.b2bpic.net/free-photo/luxury-cream-jar-silk-fabric_9975-134546.jpg", imageAlt: "Luxury Face Moisturizer"}, { - id: "3", - name: "Sunscreen SPF 50 Pro", - price: "$42", - imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-applying-sun-cream-beach_329181-16350.jpg?_wi=1", - imageAlt: "Sunscreen SPF 50 Pro", - }, + id: "3", name: "Sunscreen SPF 50 Pro", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-applying-sun-cream-beach_329181-16350.jpg", imageAlt: "Sunscreen SPF 50 Pro"}, { - id: "4", - name: "Night Renewal Cream", - price: "$72", - imageSrc: "http://img.b2bpic.net/free-photo/assortment-skin-care-cream_23-2148761491.jpg?_wi=1", - imageAlt: "Night Renewal Cream", - }, + id: "4", name: "Night Renewal Cream", price: "$72", imageSrc: "http://img.b2bpic.net/free-photo/assortment-skin-care-cream_23-2148761491.jpg", imageAlt: "Night Renewal Cream"}, { - id: "5", - name: "Gentle Face Cleanser", - price: "$38", - imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-face-with-cleanser_23-2152022208.jpg?_wi=1", - imageAlt: "Gentle Face Cleanser", - }, + id: "5", name: "Gentle Face Cleanser", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-face-with-cleanser_23-2152022208.jpg", imageAlt: "Gentle Face Cleanser"}, { - id: "6", - name: "Hair Repair Mask", - price: "$55", - imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-head-hairsalon_1157-27181.jpg?_wi=1", - imageAlt: "Hair Repair Mask", - }, + id: "6", name: "Hair Repair Mask", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-head-hairsalon_1157-27181.jpg", imageAlt: "Hair Repair Mask"}, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -159,51 +113,21 @@ export default function HomePage() { title="Men's Grooming Collection" description="Premium skincare and grooming products specifically formulated for men. Strong, effective formulations for face, beard, and body care." tag="Men's Care" - tagIcon={Heart} + tagIcon={Zap} tagAnimation="opacity" products={[ { - id: "7", - name: "Men's Face Cleanser", - price: "$35", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-bathroom_23-2150323117.jpg?_wi=1", - imageAlt: "Men's Face Cleanser", - }, + id: "7", name: "Men's Face Cleanser", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-bathroom_23-2150323117.jpg", imageAlt: "Men's Face Cleanser"}, { - id: "8", - name: "Premium Beard Oil", - price: "$48", - imageSrc: "http://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123603.jpg?_wi=1", - imageAlt: "Premium Beard Oil", - }, + id: "8", name: "Premium Beard Oil", price: "$48", imageSrc: "http://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123603.jpg", imageAlt: "Premium Beard Oil"}, { - id: "9", - name: "Charcoal Face Mask", - price: "$42", - imageSrc: "http://img.b2bpic.net/free-photo/woman-applies-purifying-clay-mask-face-with-cosmetic-brush-enjoys-skin-care-treatment-looks-directly-camera-models-naked-grey_273609-52418.jpg?_wi=1", - imageAlt: "Charcoal Face Mask", - }, + id: "9", name: "Charcoal Face Mask", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/woman-applies-purifying-clay-mask-face-with-cosmetic-brush-enjoys-skin-care-treatment-looks-directly-camera-models-naked-grey_273609-52418.jpg", imageAlt: "Charcoal Face Mask"}, { - id: "10", - name: "Anti-Acne Cream", - price: "$45", - imageSrc: "http://img.b2bpic.net/free-photo/face-moisturizing_1098-15286.jpg?_wi=1", - imageAlt: "Anti-Acne Cream", - }, + id: "10", name: "Anti-Acne Cream", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/face-moisturizing_1098-15286.jpg", imageAlt: "Anti-Acne Cream"}, { - id: "11", - name: "Men's Moisturizer", - price: "$52", - imageSrc: "http://img.b2bpic.net/free-photo/man-applying-face-cream-home_1303-32255.jpg?_wi=1", - imageAlt: "Men's Moisturizer", - }, + id: "11", name: "Men's Moisturizer", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/man-applying-face-cream-home_1303-32255.jpg", imageAlt: "Men's Moisturizer"}, { - id: "12", - name: "Hair Styling Cream", - price: "$38", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-slugging-night-routine_23-2150396588.jpg?_wi=2", - imageAlt: "Hair Styling Cream", - }, + id: "12", name: "Hair Styling Cream", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-slugging-night-routine_23-2150396588.jpg", imageAlt: "Hair Styling Cream"}, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -225,47 +149,23 @@ export default function HomePage() { tagAnimation="slide-up" features={[ { - id: "1", - title: "Natural & Organic Formulas", - author: "Dermatologist Tested", - description: "All products are cruelty-free, paraben-free, and made with 100% natural ingredients. Safe for all skin types including sensitive skin.", - tags: ["Natural", "Organic", "Safe"], - imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-pile-wild-flowers-wooden-background_482257-9797.jpg?_wi=1", - imageAlt: "Natural ingredients", - }, + id: "1", title: "Natural & Organic Formulas", author: "Dermatologist Tested", description: "All products are cruelty-free, paraben-free, and made with 100% natural ingredients. Safe for all skin types including sensitive skin.", tags: ["Natural", "Organic", "Safe"], + imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-pile-wild-flowers-wooden-background_482257-9797.jpg", imageAlt: "Natural ingredients"}, { - id: "2", - title: "Clinically Proven Results", - author: "Lab Tested", - description: "Our formulations are scientifically formulated and tested. Visible results in reducing acne, wrinkles, and improving skin glow within 4 weeks.", - tags: ["Science-Backed", "Tested", "Results"], - imageSrc: "http://img.b2bpic.net/free-photo/experiments-chemical-laboratory-experiment-was-carried-out-laboratory-transparent-flasks_146671-18103.jpg?_wi=1", - imageAlt: "Clinical results", - }, + id: "2", title: "Clinically Proven Results", author: "Lab Tested", description: "Our formulations are scientifically formulated and tested. Visible results in reducing acne, wrinkles, and improving skin glow within 4 weeks.", tags: ["Science-Backed", "Tested", "Results"], + imageSrc: "http://img.b2bpic.net/free-photo/experiments-chemical-laboratory-experiment-was-carried-out-laboratory-transparent-flasks_146671-18103.jpg", imageAlt: "Clinical results"}, { - id: "3", - title: "Luxury Packaging Design", - author: "Premium Quality", - description: "Minimal, eco-friendly packaging that protects product integrity. Every package is designed to make a statement on your vanity.", - tags: ["Eco-Friendly", "Luxury", "Sustainable"], - imageSrc: "http://img.b2bpic.net/free-vector/realistic-hand-drawn-floral-business-card-template_23-2148392769.jpg?_wi=1", - imageAlt: "Luxury packaging", - }, + id: "3", title: "Luxury Packaging Design", author: "Premium Quality", description: "Minimal, eco-friendly packaging that protects product integrity. Every package is designed to make a statement on your vanity.", tags: ["Eco-Friendly", "Luxury", "Sustainable"], + imageSrc: "http://img.b2bpic.net/free-vector/realistic-hand-drawn-floral-business-card-template_23-2148392769.jpg", imageAlt: "Luxury packaging"}, { - id: "4", - title: "Fast & Secure Shipping", - author: "Worldwide Delivery", - description: "Free shipping on orders over $75. Discreet packaging and secure payment options including UPI, COD, and Credit Cards.", - tags: ["Fast Shipping", "Secure", "Global"], - imageSrc: "http://img.b2bpic.net/free-photo/express-delivery-package-handover_23-2151994433.jpg", - imageAlt: "Fast shipping", - }, + id: "4", title: "Fast & Secure Shipping", author: "Worldwide Delivery", description: "Free shipping on orders over $75. Discreet packaging and secure payment options including UPI, COD, and Credit Cards.", tags: ["Fast Shipping", "Secure", "Global"], + imageSrc: "http://img.b2bpic.net/free-photo/express-delivery-package-handover_23-2151994433.jpg", imageAlt: "Fast shipping"}, ]} animationType="blur-reveal" textboxLayout="default" useInvertedBackground={false} buttons={[ - { text: "Learn More", href: "/about" }, + { text: "Learn More", href: "#featured" }, ]} buttonAnimation="opacity" /> @@ -280,53 +180,17 @@ export default function HomePage() { tagAnimation="slide-up" testimonials={[ { - id: "1", - name: "Sarah Mitchell", - role: "Beauty Enthusiast", - testimonial: "The Vitamin C serum has completely transformed my skin. My complexion is brighter and more radiant than ever before. Highly recommend!", - imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg?_wi=1", - imageAlt: "Sarah Mitchell", - }, + id: "1", name: "Sarah Mitchell", role: "Beauty Enthusiast", testimonial: "The Vitamin C serum has completely transformed my skin. My complexion is brighter and more radiant than ever before. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg", imageAlt: "Sarah Mitchell"}, { - id: "2", - name: "Michael Chen", - role: "Skincare Professional", - testimonial: "I recommend RadiantGlow to all my clients. The beard oil is premium quality and the moisturizer works wonders on dry skin.", - imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-holding-brush_23-2148784359.jpg?_wi=1", - imageAlt: "Michael Chen", - }, + id: "2", name: "Michael Chen", role: "Skincare Professional", testimonial: "I recommend RadiantGlow to all my clients. The beard oil is premium quality and the moisturizer works wonders on dry skin.", imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-holding-brush_23-2148784359.jpg", imageAlt: "Michael Chen"}, { - id: "3", - name: "Emma Rodriguez", - role: "Makeup Artist", - testimonial: "The face wash is gentle yet effective. My skin has never looked better. The entire collection is worth every penny.", - imageSrc: "http://img.b2bpic.net/free-photo/female-visagiste-posing-camera-with-cosmetics_23-2148113247.jpg?_wi=1", - imageAlt: "Emma Rodriguez", - }, + id: "3", name: "Emma Rodriguez", role: "Makeup Artist", testimonial: "The face wash is gentle yet effective. My skin has never looked better. The entire collection is worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/female-visagiste-posing-camera-with-cosmetics_23-2148113247.jpg", imageAlt: "Emma Rodriguez"}, { - id: "4", - name: "David Kim", - role: "Dermatologist", - testimonial: "As a dermatologist, I can confidently recommend RadiantGlow. The formulations are scientifically sound and effective.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-experienced-professional-therapist-with-stethoscope-looking-camera_1098-19305.jpg", - imageAlt: "David Kim", - }, + id: "4", name: "David Kim", role: "Dermatologist", testimonial: "As a dermatologist, I can confidently recommend RadiantGlow. The formulations are scientifically sound and effective.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-experienced-professional-therapist-with-stethoscope-looking-camera_1098-19305.jpg", imageAlt: "David Kim"}, { - id: "5", - name: "Jessica Williams", - role: "Wellness Coach", - testimonial: "The sunscreen is my go-to product. It's lightweight, doesn't leave a white cast, and provides excellent protection.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman_158595-975.jpg", - imageAlt: "Jessica Williams", - }, + id: "5", name: "Jessica Williams", role: "Wellness Coach", testimonial: "The sunscreen is my go-to product. It's lightweight, doesn't leave a white cast, and provides excellent protection.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman_158595-975.jpg", imageAlt: "Jessica Williams"}, { - id: "6", - name: "James Thompson", - role: "Fitness Enthusiast", - testimonial: "The men's grooming line is outstanding. The anti-acne cream cleared my skin in just three weeks. Fantastic products!", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-strong-male-bodybuilder_171337-4565.jpg", - imageAlt: "James Thompson", - }, + id: "6", name: "James Thompson", role: "Fitness Enthusiast", testimonial: "The men's grooming line is outstanding. The anti-acne cream cleared my skin in just three weeks. Fantastic products!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-strong-male-bodybuilder_171337-4565.jpg", imageAlt: "James Thompson"}, ]} animationType="scale-rotate" textboxLayout="default" @@ -346,15 +210,7 @@ export default function HomePage() { tagIcon={Award} tagAnimation="opacity" names={[ - "Cruelty-Free Certified", - "Dermatologically Tested", - "Paraben-Free", - "100% Natural Ingredients", - "EcoCert Organic", - "ISO 9001 Certified", - "Vegan Friendly", - "Sustainable Packaging", - ]} + "Cruelty-Free Certified", "Dermatologically Tested", "Paraben-Free", "100% Natural Ingredients", "EcoCert Organic", "ISO 9001 Certified", "Vegan Friendly", "Sustainable Packaging"]} textboxLayout="default" useInvertedBackground={false} speed={35} @@ -362,39 +218,67 @@ export default function HomePage() { /> +
+ +
+