7 Commits

Author SHA1 Message Date
ee2b933cf1 Update src/app/shop/page.tsx 2026-03-05 12:29:26 +00:00
446e385f97 Update src/app/page.tsx 2026-03-05 12:29:25 +00:00
8fe4275084 Update src/app/layout.tsx 2026-03-05 12:29:25 +00:00
e53deaaadf Update src/app/contact/page.tsx 2026-03-05 12:29:24 +00:00
dbf0c711f0 Add src/app/cart/page.tsx 2026-03-05 12:29:24 +00:00
5769aebdcc Update src/app/about/page.tsx 2026-03-05 12:29:23 +00:00
a9a2adf9c4 Merge version_1 into main
Merge version_1 into main
2026-03-05 12:23:58 +00:00
6 changed files with 372 additions and 268 deletions

View File

@@ -34,8 +34,7 @@ export default function AboutPage() {
{ name: "Blog", id: "/blog" }
]}
button={{
text: "Order on WhatsApp",
href: "https://wa.me/919876543210"
text: "Cart", href: "/cart"
}}
animateOnLoad={true}
/>
@@ -81,32 +80,16 @@ export default function AboutPage() {
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "5000",
title: "Happy Customers",
description: "Across India trusting our products",
icon: Users
id: "1", value: "5000", title: "Happy Customers", description: "Across India trusting our products", icon: Users
},
{
id: "2",
value: "25",
title: "Product Range",
description: "Handmade natural cosmetics",
icon: Package
id: "2", value: "25", title: "Product Range", description: "Handmade natural cosmetics", icon: Package
},
{
id: "3",
value: "100",
title: "Pure Natural",
description: "Ingredients without chemicals",
icon: Leaf
id: "3", value: "100", title: "Pure Natural", description: "Ingredients without chemicals", icon: Leaf
},
{
id: "4",
value: "4.9",
title: "Average Rating",
description: "Out of 5 stars from verified buyers",
icon: Star
id: "4", value: "4.9", title: "Average Rating", description: "Out of 5 stars from verified buyers", icon: Star
}
]}
/>
@@ -117,8 +100,7 @@ export default function AboutPage() {
<FooterSimple
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "All Products", href: "/shop" },
{ label: "Lip Care", href: "/shop?category=lip-care" },
{ label: "Face Care", href: "/shop?category=face-care" },
@@ -127,8 +109,7 @@ export default function AboutPage() {
]
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Contact", href: "/contact" },
{ label: "Blog", href: "/blog" },
@@ -136,8 +117,7 @@ export default function AboutPage() {
]
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Track Order", href: "#" },
{ label: "Returns", href: "#" },
{ label: "Shipping Info", href: "#" },
@@ -145,8 +125,7 @@ export default function AboutPage() {
]
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Refund Policy", href: "#" },
@@ -160,4 +139,4 @@ export default function AboutPage() {
</div>
</ThemeProvider>
);
}
}

280
src/app/cart/page.tsx Normal file
View File

@@ -0,0 +1,280 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Mail } from 'lucide-react';
import { useState } from 'react';
import Link from 'next/link';
export default function CartPage() {
const [cartItems, setCartItems] = useState([
{
id: "1", name: "Pure Lip Balm - Rose", price: 299,
quantity: 1,
imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-beauty-treatment-arrangement_23-2148963296.jpg?_wi=1"
},
{
id: "2", name: "Honey Glow Face Cream", price: 599,
quantity: 1,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cream-container-plants_23-2149339775.jpg?_wi=1"
}
]);
const [isCheckingOut, setIsCheckingOut] = useState(false);
const updateQuantity = (id: string, newQuantity: number) => {
if (newQuantity <= 0) {
removeItem(id);
} else {
setCartItems(cartItems.map(item =>
item.id === id ? { ...item, quantity: newQuantity } : item
));
}
};
const removeItem = (id: string) => {
setCartItems(cartItems.filter(item => item.id !== id));
};
const subtotal = cartItems.reduce((sum, item) => sum + (item.price * item.quantity), 0);
const shipping = subtotal > 500 ? 0 : 50;
const tax = Math.round(subtotal * 0.05);
const total = subtotal + shipping + tax;
const handleCheckout = () => {
setIsCheckingOut(true);
// Initialize Razorpay payment
const script = document.createElement('script');
script.src = 'https://checkout.razorpay.com/v1/checkout.js';
script.async = true;
script.onload = () => {
const options = {
key: process.env.NEXT_PUBLIC_RAZORPAY_KEY_ID || 'rzp_test_1234567890',
amount: total * 100,
currency: 'INR',
name: 'Vanita Haria',
description: 'Natural Cosmetics Purchase',
order_id: `order_${Date.now()}`,
handler: function(response: any) {
alert('Payment successful! Payment ID: ' + response.razorpay_payment_id);
setCartItems([]);
setIsCheckingOut(false);
},
prefill: {
name: 'Customer',
email: 'customer@example.com',
contact: '919876543210'
},
theme: {
color: '#b82b40'
}
};
const rzp = new (window as any).Razorpay(options);
rzp.open();
};
document.body.appendChild(script);
};
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="smallMedium"
sizing="mediumLarge"
background="none"
cardStyle="gradient-radial"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="Vanita Haria"
navItems={[
{ name: "Shop", id: "/shop" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
{ name: "Blog", id: "/blog" }
]}
button={{
text: "Cart", href: "/cart"
}}
animateOnLoad={true}
/>
</div>
{/* Cart Content */}
<div className="min-h-screen bg-background py-12 md:py-20">
<div className="w-full max-w-6xl mx-auto px-4 md:px-8">
<h1 className="text-4xl md:text-5xl font-bold text-foreground mb-12">Shopping Cart</h1>
{cartItems.length === 0 ? (
<div className="text-center py-20">
<p className="text-xl text-foreground mb-8">Your cart is empty</p>
<Link href="/shop" className="inline-block px-8 py-3 bg-primary-cta text-white rounded-full font-semibold hover:opacity-90 transition">
Continue Shopping
</Link>
</div>
) : (
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
{/* Cart Items */}
<div className="lg:col-span-2">
<div className="space-y-6">
{cartItems.map(item => (
<div key={item.id} className="flex gap-6 p-6 bg-card rounded-2xl border border-accent">
<img
src={item.imageSrc}
alt={item.name}
className="w-24 h-24 md:w-32 md:h-32 object-cover rounded-lg"
/>
<div className="flex-1">
<h3 className="text-lg font-semibold text-foreground mb-2">{item.name}</h3>
<p className="text-primary-cta font-bold mb-4">{item.price.toLocaleString()}</p>
<div className="flex items-center gap-4">
<div className="flex items-center gap-2 bg-background rounded-lg p-1">
<button
onClick={() => updateQuantity(item.id, item.quantity - 1)}
className="w-8 h-8 flex items-center justify-center hover:bg-accent rounded"
>
</button>
<span className="w-8 text-center">{item.quantity}</span>
<button
onClick={() => updateQuantity(item.id, item.quantity + 1)}
className="w-8 h-8 flex items-center justify-center hover:bg-accent rounded"
>
+
</button>
</div>
<button
onClick={() => removeItem(item.id)}
className="text-red-500 hover:text-red-700 text-sm font-medium"
>
Remove
</button>
</div>
</div>
<div className="text-right">
<p className="font-bold text-foreground">{(item.price * item.quantity).toLocaleString()}</p>
</div>
</div>
))}
</div>
</div>
{/* Order Summary */}
<div className="lg:col-span-1">
<div className="bg-card p-8 rounded-2xl border border-accent sticky top-24">
<h2 className="text-2xl font-bold text-foreground mb-6">Order Summary</h2>
<div className="space-y-4 mb-6 pb-6 border-b border-accent">
<div className="flex justify-between text-foreground">
<span>Subtotal</span>
<span>{subtotal.toLocaleString()}</span>
</div>
<div className="flex justify-between text-foreground">
<span>Shipping</span>
<span className={shipping === 0 ? 'text-green-600 font-semibold' : ''}>
{shipping === 0 ? 'FREE' : `${shipping.toLocaleString()}`}
</span>
</div>
<div className="flex justify-between text-foreground">
<span>Tax (5%)</span>
<span>{tax.toLocaleString()}</span>
</div>
</div>
<div className="flex justify-between items-center mb-6">
<span className="text-xl font-bold text-foreground">Total</span>
<span className="text-2xl font-bold text-primary-cta">{total.toLocaleString()}</span>
</div>
{subtotal > 500 && (
<p className="text-sm text-green-600 mb-4 font-semibold"> Free shipping on orders above 500!</p>
)}
<button
onClick={handleCheckout}
disabled={isCheckingOut}
className="w-full bg-primary-cta text-white py-3 rounded-full font-bold hover:opacity-90 transition disabled:opacity-50 mb-3"
>
{isCheckingOut ? 'Processing...' : 'Proceed to Checkout'}
</button>
<Link
href="/shop"
className="block text-center w-full bg-secondary-cta text-secondary-cta-text py-3 rounded-full font-bold hover:opacity-90 transition"
>
Continue Shopping
</Link>
</div>
</div>
</div>
)}
</div>
</div>
{/* Newsletter Section */}
<div id="newsletter" data-section="newsletter">
<ContactCenter
tag="Stay Connected"
title="Get Exclusive Offers & Beauty Tips"
description="Subscribe to our newsletter for weekly skincare tips, exclusive discounts, and first access to new product launches."
tagIcon={Mail}
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email"
buttonText="Subscribe"
termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to our Terms and Privacy Policy."
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Shop", items: [
{ label: "All Products", href: "/shop" },
{ label: "Lip Care", href: "/shop?category=lip-care" },
{ label: "Face Care", href: "/shop?category=face-care" },
{ label: "Hair Care", href: "/shop?category=hair-care" },
{ label: "Baby Care", href: "/shop?category=baby-care" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Contact", href: "/contact" },
{ label: "Blog", href: "/blog" },
{ label: "Careers", href: "#" }
]
},
{
title: "Support", items: [
{ label: "Track Order", href: "#" },
{ label: "Returns", href: "#" },
{ label: "Shipping Info", href: "#" },
{ label: "FAQ", href: "#" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Refund Policy", href: "#" },
{ label: "Disclaimer", href: "#" }
]
}
]}
bottomLeftText="© 2025 Vanita Haria. All rights reserved. Handmade with love in India."
bottomRightText="Contact: +91-9876-543210 | hello@vanitaharia.com"
/>
</div>
</ThemeProvider>
);
}

View File

@@ -33,8 +33,7 @@ export default function ContactPage() {
{ name: "Blog", id: "/blog" }
]}
button={{
text: "Order on WhatsApp",
href: "https://wa.me/919876543210"
text: "Cart", href: "/cart"
}}
animateOnLoad={true}
/>
@@ -45,7 +44,7 @@ export default function ContactPage() {
<ContactCenter
tag="Get In Touch"
title="We'd Love to Hear From You"
description="Have questions about our products? Need skincare advice? Want to collaborate? Reach out to us via email, WhatsApp, or our newsletter. We're here to help!"
description="Have questions about our products? Need skincare advice? Want to collaborate? Reach out to us via email or our contact form. We're here to help!"
tagIcon={Mail}
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
@@ -71,19 +70,19 @@ export default function ContactPage() {
faqsAnimation="slide-up"
faqs={[
{
id: "1",
title: "What's the best way to contact you?",
content: "You can reach us via WhatsApp (+91-9876-543210) for quick queries and orders, email (hello@vanitaharia.com) for detailed inquiries, or subscribe to our newsletter for beauty tips and updates. WhatsApp response time is typically within 2 hours."
id: "1", title: "What's the best way to contact you?", content: "You can reach us via email (hello@vanitaharia.com) for detailed inquiries, or subscribe to our newsletter for beauty tips and updates. Email response time is typically within 24 hours."
},
{
id: "2",
title: "Can I order directly on WhatsApp?",
content: "Absolutely! Click 'Order on WhatsApp' and our team will guide you through the process. We handle product recommendations, bulk orders, custom queries, and everything else you need."
id: "2", title: "How do I get skincare recommendations?", content: "You can send us an email describing your skin type and concerns. Our team will provide personalized recommendations from our product range."
},
{
id: "3",
title: "How do I get skincare recommendations?",
content: "You can send us a WhatsApp message describing your skin type and concerns, or email us with details. Our team will provide personalized recommendations from our product range."
id: "3", title: "What are your customer support hours?", content: "We respond to inquiries Monday-Friday, 9 AM to 6 PM IST. For urgent matters, please include 'URGENT' in your subject line."
},
{
id: "4", title: "Can I request custom or bulk orders?", content: "Absolutely! For custom formulations, bulk orders, or corporate gifting, please email us with your specific requirements and we'll be happy to discuss options."
},
{
id: "5", title: "Do you offer consultations?", content: "Yes! We offer free skincare consultations via email. Share your skin concerns, routine, and product preferences, and our team will provide personalized recommendations."
}
]}
/>
@@ -94,8 +93,7 @@ export default function ContactPage() {
<FooterSimple
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "All Products", href: "/shop" },
{ label: "Lip Care", href: "/shop?category=lip-care" },
{ label: "Face Care", href: "/shop?category=face-care" },
@@ -104,8 +102,7 @@ export default function ContactPage() {
]
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Contact", href: "/contact" },
{ label: "Blog", href: "/blog" },
@@ -113,8 +110,7 @@ export default function ContactPage() {
]
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Track Order", href: "#" },
{ label: "Returns", href: "#" },
{ label: "Shipping Info", href: "#" },
@@ -122,8 +118,7 @@ export default function ContactPage() {
]
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Refund Policy", href: "#" },
@@ -137,4 +132,4 @@ export default function ContactPage() {
</div>
</ThemeProvider>
);
}
}

View File

@@ -7,37 +7,24 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
variable: "--font-inter", subsets: ["latin"],
});
const poppins = Poppins({
variable: "--font-poppins",
subsets: ["latin"],
variable: "--font-poppins", subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});
export const metadata: Metadata = {
title: "Vanita Haria - Natural Handmade Cosmetics for Healthy Skin",
description: "Shop trusted, small-batch natural handmade skincare products. Affordable premium cosmetics tested for quality. Order on WhatsApp or checkout online.",
keywords: "natural cosmetics, handmade skincare, organic beauty products, affordable cosmetics, India, natural ingredients",
openGraph: {
title: "Vanita Haria - Natural Handmade Cosmetics",
description: "Trusted small-batch skincare crafted with pure natural ingredients. Shop affordable beauty products tested for quality and results.",
siteName: "Vanita Haria",
type: "website",
},
title: "Vanita Haria - Natural Handmade Cosmetics for Healthy Skin", description: "Shop trusted, small-batch natural handmade skincare products. Affordable premium cosmetics tested for quality. Secure checkout with Razorpay.", keywords: "natural cosmetics, handmade skincare, organic beauty products, affordable cosmetics, India, natural ingredients", openGraph: {
title: "Vanita Haria - Natural Handmade Cosmetics", description: "Trusted small-batch skincare crafted with pure natural ingredients. Shop affordable beauty products tested for quality and results.", siteName: "Vanita Haria", type: "website"},
twitter: {
card: "summary_large_image",
title: "Vanita Haria - Natural Handmade Cosmetics",
description: "Trusted natural skincare. Affordable premium cosmetics. Order on WhatsApp.",
},
card: "summary_large_image", title: "Vanita Haria - Natural Handmade Cosmetics", description: "Trusted natural skincare. Affordable premium cosmetics. Shop with secure checkout."},
robots: {
index: true,
follow: true,
@@ -1428,4 +1415,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

View File

@@ -38,8 +38,7 @@ export default function HomePage() {
{ name: "Blog", id: "/blog" }
]}
button={{
text: "Order on WhatsApp",
href: "https://wa.me/919876543210"
text: "Cart", href: "/cart"
}}
animateOnLoad={true}
/>
@@ -52,7 +51,7 @@ export default function HomePage() {
description="Natural Handmade Cosmetics for Healthy Skin"
buttons={[
{ text: "Shop Now", href: "/shop" },
{ text: "Order on WhatsApp", href: "https://wa.me/919876543210" }
{ text: "Learn More", href: "#featured-products" }
]}
imageSrc="http://img.b2bpic.net/free-photo/ecological-cleaning-products-concept_23-2148781951.jpg"
imageAlt="Natural cosmetics and beauty products"
@@ -70,64 +69,28 @@ export default function HomePage() {
tagIcon={Sparkles}
products={[
{
id: "1",
brand: "Vanita Haria",
name: "Pure Lip Balm - Rose",
price: "₹299",
rating: 5,
reviewCount: "342",
imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-beauty-treatment-arrangement_23-2148963296.jpg?_wi=1",
imageAlt: "Pure Rose Lip Balm"
id: "1", brand: "Vanita Haria", name: "Pure Lip Balm - Rose", price: "₹299", rating: 5,
reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-beauty-treatment-arrangement_23-2148963296.jpg?_wi=1", imageAlt: "Pure Rose Lip Balm"
},
{
id: "2",
brand: "Vanita Haria",
name: "Honey Glow Face Cream",
price: "₹599",
rating: 5,
reviewCount: "287",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cream-container-plants_23-2149339775.jpg?_wi=1",
imageAlt: "Honey Glow Face Cream"
id: "2", brand: "Vanita Haria", name: "Honey Glow Face Cream", price: "₹599", rating: 5,
reviewCount: "287", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cream-container-plants_23-2149339775.jpg?_wi=1", imageAlt: "Honey Glow Face Cream"
},
{
id: "3",
brand: "Vanita Haria",
name: "Coconut Hair Oil",
price: "₹349",
rating: 5,
reviewCount: "156",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-argan-product-assortment_23-2148955776.jpg?_wi=1",
imageAlt: "Pure Coconut Hair Oil"
id: "3", brand: "Vanita Haria", name: "Coconut Hair Oil", price: "₹349", rating: 5,
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/front-view-argan-product-assortment_23-2148955776.jpg?_wi=1", imageAlt: "Pure Coconut Hair Oil"
},
{
id: "4",
brand: "Vanita Haria",
name: "Natural Eyeshadow Palette",
price: "₹649",
rating: 5,
reviewCount: "203",
imageSrc: "http://img.b2bpic.net/free-photo/makeup-cosmetics_1388-193.jpg?_wi=1",
imageAlt: "Natural Eyeshadow Palette"
id: "4", brand: "Vanita Haria", name: "Natural Eyeshadow Palette", price: "₹649", rating: 5,
reviewCount: "203", imageSrc: "http://img.b2bpic.net/free-photo/makeup-cosmetics_1388-193.jpg?_wi=1", imageAlt: "Natural Eyeshadow Palette"
},
{
id: "5",
brand: "Vanita Haria",
name: "Shea Butter Body Lotion",
price: "₹449",
rating: 5,
reviewCount: "198",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fair-skinned-young-women-s-hands-holding-jars-organic-body-creams-care-moisturizing-concept_197531-31493.jpg?_wi=1",
imageAlt: "Shea Butter Body Lotion"
id: "5", brand: "Vanita Haria", name: "Shea Butter Body Lotion", price: "₹449", rating: 5,
reviewCount: "198", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fair-skinned-young-women-s-hands-holding-jars-organic-body-creams-care-moisturizing-concept_197531-31493.jpg?_wi=1", imageAlt: "Shea Butter Body Lotion"
},
{
id: "6",
brand: "Vanita Haria",
name: "Turmeric Clay Face Mask",
price: "₹399",
rating: 5,
reviewCount: "267",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-care-her-skin-applying-facial-mask_637285-3696.jpg?_wi=1",
imageAlt: "Turmeric Clay Face Mask"
id: "6", brand: "Vanita Haria", name: "Turmeric Clay Face Mask", price: "₹399", rating: 5,
reviewCount: "267", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-care-her-skin-applying-facial-mask_637285-3696.jpg?_wi=1", imageAlt: "Turmeric Clay Face Mask"
}
]}
gridVariant="three-columns-all-equal-width"
@@ -163,10 +126,7 @@ export default function HomePage() {
useInvertedBackground={false}
features={[
{
id: "1",
title: "Lip Care",
description: "Nourishing lip balms and tints made with natural oils and butters",
media: {
id: "1", title: "Lip Care", description: "Nourishing lip balms and tints made with natural oils and butters", media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-applying-lip-balm_23-2147893527.jpg"
},
items: [
@@ -176,10 +136,7 @@ export default function HomePage() {
reverse: false
},
{
id: "2",
title: "Face Care",
description: "Gentle cleansers, creams, and masks for all skin types",
media: {
id: "2", title: "Face Care", description: "Gentle cleansers, creams, and masks for all skin types", media: {
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-beauty-creams-flowers-marble_23-2147879025.jpg?_wi=1"
},
items: [
@@ -189,10 +146,7 @@ export default function HomePage() {
reverse: true
},
{
id: "3",
title: "Hair Care",
description: "Nourishing oils and treatments for healthy, lustrous hair",
media: {
id: "3", title: "Hair Care", description: "Nourishing oils and treatments for healthy, lustrous hair", media: {
imageSrc: "http://img.b2bpic.net/free-photo/shampoo-bottle-butterfly-pea-flower-put-white-marble-background_1150-28099.jpg"
},
items: [
@@ -202,10 +156,7 @@ export default function HomePage() {
reverse: false
},
{
id: "4",
title: "Baby Care",
description: "Gentle, safe products perfect for delicate baby skin",
media: {
id: "4", title: "Baby Care", description: "Gentle, safe products perfect for delicate baby skin", media: {
imageSrc: "http://img.b2bpic.net/free-photo/mother-little-daughter-having-fun-home_1157-30282.jpg"
},
items: [
@@ -215,10 +166,7 @@ export default function HomePage() {
reverse: true
},
{
id: "5",
title: "Makeup",
description: "Long-lasting, natural-looking makeup with skin-loving ingredients",
media: {
id: "5", title: "Makeup", description: "Long-lasting, natural-looking makeup with skin-loving ingredients", media: {
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-cosmetics-products-colored-background_23-2147891429.jpg"
},
items: [
@@ -242,40 +190,16 @@ export default function HomePage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Finally Found My Skincare Holy Grail",
quote: "I was skeptical about natural cosmetics, but Vanita Haria's face cream has completely transformed my skin. No more irritation, and I can actually see visible improvement in just three weeks!",
name: "Priya Sharma",
role: "Marketing Professional, Mumbai",
imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg",
imageAlt: "Priya Sharma"
id: "1", title: "Finally Found My Skincare Holy Grail", quote: "I was skeptical about natural cosmetics, but Vanita Haria's face cream has completely transformed my skin. No more irritation, and I can actually see visible improvement in just three weeks!", name: "Priya Sharma", role: "Marketing Professional, Mumbai", imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg", imageAlt: "Priya Sharma"
},
{
id: "2",
title: "Affordable Luxury That Actually Works",
quote: "The lip balm is my constant companion now. It smells amazing, works beautifully, and at this price point, it's practically a steal. Ordering more for my friends!",
name: "Anjali Desai",
role: "Graphic Designer, Bangalore",
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg",
imageAlt: "Anjali Desai"
id: "2", title: "Affordable Luxury That Actually Works", quote: "The lip balm is my constant companion now. It smells amazing, works beautifully, and at this price point, it's practically a steal. Ordering more for my friends!", name: "Anjali Desai", role: "Graphic Designer, Bangalore", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg", imageAlt: "Anjali Desai"
},
{
id: "3",
title: "Best Hair Oil I've Ever Used",
quote: "After using their coconut hair oil for two months, my hair feels stronger and healthier. The ingredient list is transparent and actually makes sense. This is the real deal.",
name: "Neha Kapoor",
role: "Fitness Instructor, Delhi",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
imageAlt: "Neha Kapoor"
id: "3", title: "Best Hair Oil I've Ever Used", quote: "After using their coconut hair oil for two months, my hair feels stronger and healthier. The ingredient list is transparent and actually makes sense. This is the real deal.", name: "Neha Kapoor", role: "Fitness Instructor, Delhi", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", imageAlt: "Neha Kapoor"
},
{
id: "4",
title: "Safe for My Sensitive Baby Skin",
quote: "As a new mom, finding truly gentle products was crucial. Vanita Haria's baby care range is the only thing my son's delicate skin tolerates. Worth every penny!",
name: "Meera Gupta",
role: "Mother & Entrepreneur, Pune",
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-face-roller-her-beauty-routine_23-2150166387.jpg",
imageAlt: "Meera Gupta"
id: "4", title: "Safe for My Sensitive Baby Skin", quote: "As a new mom, finding truly gentle products was crucial. Vanita Haria's baby care range is the only thing my son's delicate skin tolerates. Worth every penny!", name: "Meera Gupta", role: "Mother & Entrepreneur, Pune", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-face-roller-her-beauty-routine_23-2150166387.jpg", imageAlt: "Meera Gupta"
}
]}
/>
@@ -293,32 +217,16 @@ export default function HomePage() {
useInvertedBackground={true}
metrics={[
{
id: "1",
value: "5000",
title: "Happy Customers",
description: "Across India trusting our products",
icon: Users
id: "1", value: "5000", title: "Happy Customers", description: "Across India trusting our products", icon: Users
},
{
id: "2",
value: "25",
title: "Product Range",
description: "Handmade natural cosmetics",
icon: Package
id: "2", value: "25", title: "Product Range", description: "Handmade natural cosmetics", icon: Package
},
{
id: "3",
value: "100",
title: "Pure Natural",
description: "Ingredients without chemicals",
icon: Leaf
id: "3", value: "100", title: "Pure Natural", description: "Ingredients without chemicals", icon: Leaf
},
{
id: "4",
value: "4.9",
title: "Average Rating",
description: "Out of 5 stars from verified buyers",
icon: Star
id: "4", value: "4.9", title: "Average Rating", description: "Out of 5 stars from verified buyers", icon: Star
}
]}
/>
@@ -344,8 +252,7 @@ export default function HomePage() {
<FooterSimple
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "All Products", href: "/shop" },
{ label: "Lip Care", href: "/shop?category=lip-care" },
{ label: "Face Care", href: "/shop?category=face-care" },
@@ -354,8 +261,7 @@ export default function HomePage() {
]
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Contact", href: "/contact" },
{ label: "Blog", href: "/blog" },
@@ -363,8 +269,7 @@ export default function HomePage() {
]
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Track Order", href: "#" },
{ label: "Returns", href: "#" },
{ label: "Shipping Info", href: "#" },
@@ -372,8 +277,7 @@ export default function HomePage() {
]
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Refund Policy", href: "#" },
@@ -387,4 +291,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}

View File

@@ -33,8 +33,7 @@ export default function ShopPage() {
{ name: "Blog", id: "/blog" }
]}
button={{
text: "Order on WhatsApp",
href: "https://wa.me/919876543210"
text: "Cart", href: "/cart"
}}
animateOnLoad={true}
/>
@@ -48,64 +47,28 @@ export default function ShopPage() {
tag="All Products"
products={[
{
id: "1",
brand: "Vanita Haria",
name: "Pure Lip Balm - Rose",
price: "₹299",
rating: 5,
reviewCount: "342",
imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-beauty-treatment-arrangement_23-2148963296.jpg?_wi=2",
imageAlt: "Pure Rose Lip Balm"
id: "1", brand: "Vanita Haria", name: "Pure Lip Balm - Rose", price: "₹299", rating: 5,
reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-beauty-treatment-arrangement_23-2148963296.jpg?_wi=2", imageAlt: "Pure Rose Lip Balm"
},
{
id: "2",
brand: "Vanita Haria",
name: "Honey Glow Face Cream",
price: "₹599",
rating: 5,
reviewCount: "287",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cream-container-plants_23-2149339775.jpg?_wi=2",
imageAlt: "Honey Glow Face Cream"
id: "2", brand: "Vanita Haria", name: "Honey Glow Face Cream", price: "₹599", rating: 5,
reviewCount: "287", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cream-container-plants_23-2149339775.jpg?_wi=2", imageAlt: "Honey Glow Face Cream"
},
{
id: "3",
brand: "Vanita Haria",
name: "Coconut Hair Oil",
price: "₹349",
rating: 5,
reviewCount: "156",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-argan-product-assortment_23-2148955776.jpg?_wi=2",
imageAlt: "Pure Coconut Hair Oil"
id: "3", brand: "Vanita Haria", name: "Coconut Hair Oil", price: "₹349", rating: 5,
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/front-view-argan-product-assortment_23-2148955776.jpg?_wi=2", imageAlt: "Pure Coconut Hair Oil"
},
{
id: "4",
brand: "Vanita Haria",
name: "Natural Eyeshadow Palette",
price: "₹649",
rating: 5,
reviewCount: "203",
imageSrc: "http://img.b2bpic.net/free-photo/makeup-cosmetics_1388-193.jpg?_wi=2",
imageAlt: "Natural Eyeshadow Palette"
id: "4", brand: "Vanita Haria", name: "Natural Eyeshadow Palette", price: "₹649", rating: 5,
reviewCount: "203", imageSrc: "http://img.b2bpic.net/free-photo/makeup-cosmetics_1388-193.jpg?_wi=2", imageAlt: "Natural Eyeshadow Palette"
},
{
id: "5",
brand: "Vanita Haria",
name: "Shea Butter Body Lotion",
price: "₹449",
rating: 5,
reviewCount: "198",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fair-skinned-young-women-s-hands-holding-jars-organic-body-creams-care-moisturizing-concept_197531-31493.jpg?_wi=2",
imageAlt: "Shea Butter Body Lotion"
id: "5", brand: "Vanita Haria", name: "Shea Butter Body Lotion", price: "₹449", rating: 5,
reviewCount: "198", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fair-skinned-young-women-s-hands-holding-jars-organic-body-creams-care-moisturizing-concept_197531-31493.jpg?_wi=2", imageAlt: "Shea Butter Body Lotion"
},
{
id: "6",
brand: "Vanita Haria",
name: "Turmeric Clay Face Mask",
price: "₹399",
rating: 5,
reviewCount: "267",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-care-her-skin-applying-facial-mask_637285-3696.jpg?_wi=2",
imageAlt: "Turmeric Clay Face Mask"
id: "6", brand: "Vanita Haria", name: "Turmeric Clay Face Mask", price: "₹399", rating: 5,
reviewCount: "267", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-care-her-skin-applying-facial-mask_637285-3696.jpg?_wi=2", imageAlt: "Turmeric Clay Face Mask"
}
]}
gridVariant="three-columns-all-equal-width"
@@ -131,19 +94,19 @@ export default function ShopPage() {
faqsAnimation="slide-up"
faqs={[
{
id: "1",
title: "Are your products suitable for all skin types?",
content: "Yes! Our formulations are designed to work with sensitive, dry, oily, and combination skin. Each product page includes specific skin type recommendations. We recommend patch testing first if you have extremely sensitive skin."
id: "1", title: "Are your products suitable for all skin types?", content: "Yes! Our formulations are designed to work with sensitive, dry, oily, and combination skin. Each product page includes specific skin type recommendations. We recommend patch testing first if you have extremely sensitive skin."
},
{
id: "2",
title: "How long does delivery take?",
content: "Standard delivery within Mumbai and Tier-1 cities takes 2-3 business days. Pan-India delivery typically takes 5-7 business days. We offer expedited shipping options for urgent orders."
id: "2", title: "How long does delivery take?", content: "Standard delivery within Mumbai and Tier-1 cities takes 2-3 business days. Pan-India delivery typically takes 5-7 business days. We offer expedited shipping options for urgent orders."
},
{
id: "3",
title: "What's your return policy?",
content: "We offer a 15-day money-back guarantee if you're not satisfied with any product. Simply contact us with your order details and reason for return."
id: "3", title: "What's your return policy?", content: "We offer a 15-day money-back guarantee if you're not satisfied with any product. Simply contact us with your order details and reason for return."
},
{
id: "4", title: "What payment methods do you accept?", content: "We accept all major payment methods including credit cards, debit cards, UPI, net banking, and digital wallets through our secure Razorpay payment gateway. Your payment information is encrypted and safe."
},
{
id: "5", title: "Is checkout secure?", content: "Yes! We use industry-standard encryption and Razorpay's secure payment gateway to protect your personal and payment information. Your data is never stored on our servers."
}
]}
/>
@@ -154,8 +117,7 @@ export default function ShopPage() {
<FooterSimple
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "All Products", href: "/shop" },
{ label: "Lip Care", href: "/shop?category=lip-care" },
{ label: "Face Care", href: "/shop?category=face-care" },
@@ -164,8 +126,7 @@ export default function ShopPage() {
]
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Contact", href: "/contact" },
{ label: "Blog", href: "/blog" },
@@ -173,8 +134,7 @@ export default function ShopPage() {
]
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Track Order", href: "#" },
{ label: "Returns", href: "#" },
{ label: "Shipping Info", href: "#" },
@@ -182,8 +142,7 @@ export default function ShopPage() {
]
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Refund Policy", href: "#" },
@@ -197,4 +156,4 @@ export default function ShopPage() {
</div>
</ThemeProvider>
);
}
}