Merge version_1 into main #2
176
src/app/page.tsx
176
src/app/page.tsx
@@ -50,7 +50,7 @@ export default function HomePage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -72,14 +72,10 @@ export default function HomePage() {
|
||||
{ text: "View All Products", href: "#products" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "floatingGradient" }}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
dashboard={{
|
||||
title: "Trust Signals",
|
||||
logoIcon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-levender-body-butter-plain-background_23-2148305506.jpg",
|
||||
imageAlt: "cosmetics natural beauty products skincare vegan",
|
||||
searchPlaceholder: "Search our natural cosmetics...",
|
||||
buttons: [
|
||||
title: "Trust Signals", logoIcon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-levender-body-butter-plain-background_23-2148305506.jpg", imageAlt: "cosmetics natural beauty products skincare vegan", searchPlaceholder: "Search our natural cosmetics...", buttons: [
|
||||
{ text: "Browse Catalog", href: "#products" },
|
||||
{ text: "Call: +91 8329988329", href: "tel:+918329988329" },
|
||||
],
|
||||
@@ -90,33 +86,23 @@ export default function HomePage() {
|
||||
],
|
||||
stats: [
|
||||
{
|
||||
title: "Happy Customers",
|
||||
values: [1200, 1850, 2340],
|
||||
description: "Trusted by conscious beauty seekers",
|
||||
},
|
||||
title: "Happy Customers", values: [1200, 1850, 2340],
|
||||
description: "Trusted by conscious beauty seekers"},
|
||||
{
|
||||
title: "Products",
|
||||
values: [45, 52, 68],
|
||||
description: "Natural skincare & haircare range",
|
||||
},
|
||||
title: "Products", values: [45, 52, 68],
|
||||
description: "Natural skincare & haircare range"},
|
||||
{
|
||||
title: "Ingredient Certified",
|
||||
values: [100, 100, 100],
|
||||
valuePrefix: "",
|
||||
valueSuffix: "%",
|
||||
description: "No chemicals, just nature",
|
||||
},
|
||||
title: "Ingredient Certified", values: [100, 100, 100],
|
||||
valuePrefix: "", valueSuffix: "%", description: "No chemicals, just nature"},
|
||||
],
|
||||
chartTitle: "Monthly Customer Growth",
|
||||
chartData: [
|
||||
chartTitle: "Monthly Customer Growth", chartData: [
|
||||
{ value: 45 },
|
||||
{ value: 65 },
|
||||
{ value: 55 },
|
||||
{ value: 80 },
|
||||
{ value: 90 },
|
||||
],
|
||||
listTitle: "Latest Orders",
|
||||
listItems: [
|
||||
listTitle: "Latest Orders", listItems: [
|
||||
{ icon: CheckCircle, title: "Organic Face Serum", status: "Shipped Today" },
|
||||
{ icon: Truck, title: "Vegan Lip Balm Set", status: "In Transit" },
|
||||
{ icon: Package, title: "Hair Care Bundle", status: "Ready to Ship" },
|
||||
@@ -139,65 +125,23 @@ export default function HomePage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Vanita Haria",
|
||||
name: "Organic Face Serum",
|
||||
price: "₹899",
|
||||
rating: 5,
|
||||
reviewCount: "2.3k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-serum-bottle-hand-orange-background_185193-162127.jpg?_wi=1",
|
||||
imageAlt: "face serum bottle organic skincare natural beauty",
|
||||
},
|
||||
id: "1", brand: "Vanita Haria", name: "Organic Face Serum", price: "₹899", rating: 5,
|
||||
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-serum-bottle-hand-orange-background_185193-162127.jpg", imageAlt: "face serum bottle organic skincare natural beauty"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Vanita Haria",
|
||||
name: "Vegan Lip Balm Trio",
|
||||
price: "₹549",
|
||||
rating: 5,
|
||||
reviewCount: "1.8k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-applying-lip-balm_23-2147893527.jpg?_wi=1",
|
||||
imageAlt: "lip balm natural cosmetics beauty product",
|
||||
},
|
||||
id: "2", brand: "Vanita Haria", name: "Vegan Lip Balm Trio", price: "₹549", rating: 5,
|
||||
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-applying-lip-balm_23-2147893527.jpg", imageAlt: "lip balm natural cosmetics beauty product"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Vanita Haria",
|
||||
name: "Hair Care Oil Blend",
|
||||
price: "₹649",
|
||||
rating: 5,
|
||||
reviewCount: "3.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-rosemary-fresh-plant-bottle-rosemary-oil_1150-35585.jpg?_wi=1",
|
||||
imageAlt: "hair oil natural haircare organic beauty",
|
||||
},
|
||||
id: "3", brand: "Vanita Haria", name: "Hair Care Oil Blend", price: "₹649", rating: 5,
|
||||
reviewCount: "3.1k", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-rosemary-fresh-plant-bottle-rosemary-oil_1150-35585.jpg", imageAlt: "hair oil natural haircare organic beauty"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Vanita Haria",
|
||||
name: "Natural Face Mask",
|
||||
price: "₹399",
|
||||
rating: 5,
|
||||
reviewCount: "1.5k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salon-care_1098-15672.jpg?_wi=1",
|
||||
imageAlt: "face mask clay mask skincare treatment",
|
||||
},
|
||||
id: "4", brand: "Vanita Haria", name: "Natural Face Mask", price: "₹399", rating: 5,
|
||||
reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/salon-care_1098-15672.jpg", imageAlt: "face mask clay mask skincare treatment"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Vanita Haria",
|
||||
name: "Organic Body Lotion",
|
||||
price: "₹799",
|
||||
rating: 5,
|
||||
reviewCount: "2.9k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-skin-care-cosmetics-shea-butter_185193-108815.jpg?_wi=1",
|
||||
imageAlt: "body lotion natural skincare moisturizer",
|
||||
},
|
||||
id: "5", brand: "Vanita Haria", name: "Organic Body Lotion", price: "₹799", rating: 5,
|
||||
reviewCount: "2.9k", imageSrc: "http://img.b2bpic.net/free-photo/concept-skin-care-cosmetics-shea-butter_185193-108815.jpg", imageAlt: "body lotion natural skincare moisturizer"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Vanita Haria",
|
||||
name: "Vegan Makeup Brush Set",
|
||||
price: "₹1,299",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-image-make-up-brushes-roses-wooden-background_482257-10030.jpg?_wi=1",
|
||||
imageAlt: "makeup brushes eco-friendly beauty tools vegan cosmetics",
|
||||
},
|
||||
id: "6", brand: "Vanita Haria", name: "Vegan Makeup Brush Set", price: "₹1,299", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/conceptual-image-make-up-brushes-roses-wooden-background_482257-10030.jpg", imageAlt: "makeup brushes eco-friendly beauty tools vegan cosmetics"},
|
||||
]}
|
||||
buttons={[{ text: "Order on WhatsApp", href: "https://wa.me/918329988329" }]}
|
||||
/>
|
||||
@@ -212,7 +156,7 @@ export default function HomePage() {
|
||||
description="Founded with a mission to prove that beauty and ethics go hand in hand."
|
||||
subdescription="Every product is vegan, cruelty-free, and made with ingredients you can trust."
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-woman-face-massaging-with-gua-sha-medium-shot_23-2149349087.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-woman-face-massaging-with-gua-sha-medium-shot_23-2149349087.jpg"
|
||||
imageAlt="woman founder beauty entrepreneur organic cosmetics"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -231,41 +175,17 @@ export default function HomePage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Beauty Enthusiast",
|
||||
company: "Mumbai",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg?_wi=1",
|
||||
imageAlt: "woman portrait professional headshot customer photo",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Beauty Enthusiast", company: "Mumbai", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg", imageAlt: "woman portrait professional headshot customer photo"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Priya Sharma",
|
||||
role: "Salon Owner",
|
||||
company: "Delhi",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
imageAlt: "woman portrait professional headshot salon owner",
|
||||
},
|
||||
id: "2", name: "Priya Sharma", role: "Salon Owner", company: "Delhi", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", imageAlt: "woman portrait professional headshot salon owner"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ananya Gupta",
|
||||
role: "Eco-Conscious Consumer",
|
||||
company: "Bangalore",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg?_wi=2",
|
||||
imageAlt: "woman portrait professional headshot customer photo",
|
||||
},
|
||||
id: "3", name: "Ananya Gupta", role: "Eco-Conscious Consumer", company: "Bangalore", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg", imageAlt: "woman portrait professional headshot customer photo"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Neha Patel",
|
||||
role: "Professional Buyer",
|
||||
company: "Pune",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",
|
||||
imageAlt: "woman portrait professional headshot business woman",
|
||||
},
|
||||
id: "4", name: "Neha Patel", role: "Professional Buyer", company: "Pune", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg", imageAlt: "woman portrait professional headshot business woman"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "98%", label: "Customer Satisfaction" },
|
||||
@@ -288,35 +208,17 @@ export default function HomePage() {
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are all your products 100% vegan?",
|
||||
content: "Yes! Every product in our collection is 100% vegan and cruelty-free. We use only plant-based ingredients and never test on animals. Our commitment to veganism means no animal-derived ingredients, byproducts, or testing.",
|
||||
},
|
||||
id: "1", title: "Are all your products 100% vegan?", content: "Yes! Every product in our collection is 100% vegan and cruelty-free. We use only plant-based ingredients and never test on animals. Our commitment to veganism means no animal-derived ingredients, byproducts, or testing."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What makes your cosmetics chemical-free?",
|
||||
content: "We carefully source natural ingredients like plant extracts, essential oils, and organic butters. Our products contain no harmful chemicals like parabens, sulfates, phthalates, or synthetic fragrances. Full ingredient lists are available on every product page.",
|
||||
},
|
||||
id: "2", title: "What makes your cosmetics chemical-free?", content: "We carefully source natural ingredients like plant extracts, essential oils, and organic butters. Our products contain no harmful chemicals like parabens, sulfates, phthalates, or synthetic fragrances. Full ingredient lists are available on every product page."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do I place an order via WhatsApp?",
|
||||
content: "Simply click the WhatsApp button on our website or call us at +91 8329988329. Share your product interests, and our team will send you pricing, availability, and arrange payment. Delivery is available across India with fast, reliable shipping.",
|
||||
},
|
||||
id: "3", title: "How do I place an order via WhatsApp?", content: "Simply click the WhatsApp button on our website or call us at +91 8329988329. Share your product interests, and our team will send you pricing, availability, and arrange payment. Delivery is available across India with fast, reliable shipping."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What is your return and refund policy?",
|
||||
content: "We offer a 30-day satisfaction guarantee. If you're not completely happy with your purchase, simply contact us for a full refund or exchange. No questions asked. Customer satisfaction is our priority.",
|
||||
},
|
||||
id: "4", title: "What is your return and refund policy?", content: "We offer a 30-day satisfaction guarantee. If you're not completely happy with your purchase, simply contact us for a full refund or exchange. No questions asked. Customer satisfaction is our priority."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do you offer wholesale or bulk orders?",
|
||||
content: "Absolutely! We provide special pricing for salon owners, resellers, and bulk buyers. Contact us via phone or WhatsApp to discuss wholesale partnerships and customized pricing for larger orders.",
|
||||
},
|
||||
id: "5", title: "Do you offer wholesale or bulk orders?", content: "Absolutely! We provide special pricing for salon owners, resellers, and bulk buyers. Contact us via phone or WhatsApp to discuss wholesale partnerships and customized pricing for larger orders."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Are your products suitable for sensitive skin?",
|
||||
content: "Our products are formulated for all skin types, including sensitive skin. However, we recommend reviewing the ingredient list for any personal sensitivities. If you have specific concerns, our team can recommend the best products for your skin type.",
|
||||
},
|
||||
id: "6", title: "Are your products suitable for sensitive skin?", content: "Our products are formulated for all skin types, including sensitive skin. However, we recommend reviewing the ingredient list for any personal sensitivities. If you have specific concerns, our team can recommend the best products for your skin type."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user