Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-04 05:58:13 +00:00

View File

@@ -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() {
<NavbarLayoutFloatingInline
brandName="RadiantGlow"
navItems={[
{ name: "Women", id: "/women" },
{ name: "Men", id: "/men" },
{ name: "Shop", id: "/products" },
{ name: "About", id: "/about" },
{ name: "Women", id: "women" },
{ name: "Men", id: "men" },
{ name: "About", id: "featured" },
]}
button={{ text: "Get Started", href: "https://example.com/shop" }}
button={{ text: "Get Started", href: "/" }}
animateOnLoad={true}
/>
</div>
@@ -43,50 +43,34 @@ export default function HomePage() {
<HeroSplitDoubleCarousel
title="Reveal Your Natural Glow"
description="Discover premium beauty and grooming products designed for both women and men. Transform your skincare routine with luxurious formulations and scientifically-proven ingredients."
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
tag="Premium Beauty Brand"
tagIcon={Sparkles}
tagAnimation="slide-up"
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/serum-dropper-bottle-with-golden-liquid-peach-surface_23-2152010118.jpg",
imageAlt: "Luxury skincare serum",
},
imageSrc: "http://img.b2bpic.net/free-photo/serum-dropper-bottle-with-golden-liquid-peach-surface_23-2152010118.jpg", imageAlt: "Luxury skincare serum"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-applying-face-cream_23-2152029130.jpg",
imageAlt: "Face cream application",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-applying-face-cream_23-2152029130.jpg", imageAlt: "Face cream application"},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-slugging-night-routine_23-2150396588.jpg?_wi=1",
imageAlt: "Hair care mask",
},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-slugging-night-routine_23-2150396588.jpg", imageAlt: "Hair care mask"},
{
imageSrc: "http://img.b2bpic.net/free-photo/luxury-perfume-fragrance-bottle_116380-80.jpg",
imageAlt: "Perfume bottle",
},
imageSrc: "http://img.b2bpic.net/free-photo/luxury-perfume-fragrance-bottle_116380-80.jpg", imageAlt: "Perfume bottle"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-applying-makeup-beauty-products_171337-5525.jpg",
imageAlt: "Men's grooming kit",
},
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-applying-makeup-beauty-products_171337-5525.jpg", imageAlt: "Men's grooming kit"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-face-oil-bottle_23-2148696678.jpg",
imageAlt: "Beard oil application",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-face-oil-bottle_23-2148696678.jpg", imageAlt: "Beard oil application"},
{
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-spa-essentials-background-home-decor_53876-128208.jpg",
imageAlt: "Face wash product",
},
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-spa-essentials-background-home-decor_53876-128208.jpg", imageAlt: "Face wash product"},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-using-deodorant_171337-17373.jpg",
imageAlt: "Premium deodorant",
},
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-using-deodorant_171337-17373.jpg", imageAlt: "Premium deodorant"},
]}
carouselPosition="right"
buttons={[
{ text: "Shop Women", href: "/women" },
{ text: "Shop Men", href: "/men" },
{ text: "Shop Women", href: "women" },
{ text: "Shop Men", href: "men" },
]}
buttonAnimation="slide-up"
/>
@@ -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() {
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Frequently Asked Questions"
description="Find answers to common questions about our products, shipping, and returns."
tag="Help Center"
tagIcon={HelpCircle}
tagAnimation="opacity"
faqs={[
{
id: "1", title: "Are all products suitable for sensitive skin?", content: "Most of our products are formulated for all skin types including sensitive skin. However, we recommend doing a patch test first. Check individual product descriptions for specific skin type recommendations."},
{
id: "2", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all products. If you're not satisfied, simply return the product in its original condition for a full refund. No questions asked."},
{
id: "3", title: "How long does shipping take?", content: "Standard shipping typically takes 5-7 business days within the country. Express shipping is available for 2-3 day delivery. International orders may take 10-15 business days."},
{
id: "4", title: "Are your products cruelty-free?", content: "Yes! All RadiantGlow products are 100% cruelty-free and not tested on animals. We are certified by the Cruelty-Free International organization."},
{
id: "5", title: "Can I use multiple products together?", content: "Absolutely! Our products are designed to work together. We recommend: cleanser → serum → moisturizer → sunscreen in the morning, and cleanser → serum → night cream in the evening."},
{
id: "6", title: "How often should I use each product?", content: "Most products should be used twice daily (morning and evening). However, masks and intensive treatments should be used 1-2 times per week. Always follow the specific instructions on each product label."},
]}
imageSrc="http://img.b2bpic.net/free-photo/sales-assistant-being-employed-customer-care-support-job-working-telemarketing-call-center-helpdesk-female-receptionist-with-helpline-service-helping-clients-remote-communication_482257-43021.jpg"
imageAlt="Customer support team"
mediaAnimation="opacity"
mediaPosition="left"
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="smooth"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Shop",
items: [
{ label: "Women's Collection", href: "/women" },
{ label: "Men's Collection", href: "/men" },
title: "Shop", items: [
{ label: "Women's Collection", href: "women" },
{ label: "Men's Collection", href: "men" },
{ label: "All Products", href: "/products" },
{ label: "Best Sellers", href: "/products" },
],
},
{
title: "Company",
items: [
{ label: "About Us", href: "/about" },
title: "Company", items: [
{ label: "About Us", href: "featured" },
{ label: "Blog", href: "/blog" },
{ label: "Careers", href: "/careers" },
{ label: "Contact", href: "/contact" },
],
},
{
title: "Support",
items: [
{ label: "FAQ", href: "/products" },
title: "Support", items: [
{ label: "FAQ", href: "faq" },
{ label: "Shipping Info", href: "/shipping" },
{ label: "Returns", href: "/returns" },
{ label: "Track Order", href: "/track" },
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms of Service", href: "/terms" },
{ label: "Cookie Policy", href: "/cookies" },
@@ -402,8 +286,7 @@ export default function HomePage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Instagram", href: "https://instagram.com/radiantglow" },
{ label: "Facebook", href: "https://facebook.com/radiantglow" },
{ label: "Twitter", href: "https://twitter.com/radiantglow" },