Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 26115c84d4 | |||
| 270050a64a | |||
| 8d6eb80590 | |||
| 702d3332e2 |
189
src/app/page.tsx
189
src/app/page.tsx
@@ -2,6 +2,7 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
|
import { ShoppingCart, CheckCircle, CreditCard, Lock } from "lucide-react";
|
||||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||||
@@ -9,6 +10,7 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||||
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -28,14 +30,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home", id: "hero"},
|
{ name: "Shop", id: "products" },
|
||||||
{
|
{ name: "Payment", id: "payment" },
|
||||||
name: "Shop", id: "products"},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
|
||||||
name: "Track Order", id: "track"},
|
|
||||||
{
|
|
||||||
name: "Contact", id: "contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="VAUREN"
|
brandName="VAUREN"
|
||||||
/>
|
/>
|
||||||
@@ -43,46 +41,57 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboard
|
<HeroBillboard
|
||||||
background={{
|
background={{ variant: "canvas-reveal" }}
|
||||||
variant: "canvas-reveal"}}
|
|
||||||
title="Smart Products for Easy Everyday Living"
|
title="Smart Products for Easy Everyday Living"
|
||||||
description="Premium Home & Kitchen Products. Cash on Delivery Available Across India."
|
description="Premium Home & Kitchen Products. Now with integrated secure payment gateway for a seamless checkout experience."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Shop Now", href: "#products" },
|
||||||
text: "Shop Now", href: "#products"},
|
{ text: "Secure Payment", href: "#payment" },
|
||||||
{
|
|
||||||
text: "Track Order", href: "#"},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/high-quality-minimal-product-photography-1774852961850-875f986a.png?_wi=1"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/high-quality-minimal-product-photography-1774852961850-875f986a.png?_wi=1"
|
||||||
imageAlt="Vauren Home Essentials"
|
imageAlt="Vauren Home Essentials"
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852966235-d9f62481.png", alt: "Happy Customer 1"},
|
|
||||||
{
|
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852960988-2c860c19.png", alt: "Happy Customer 2"},
|
|
||||||
{
|
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852963054-49b8ac9f.png", alt: "Happy Customer 3"},
|
|
||||||
{
|
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852961546-6c754651.png", alt: "Happy Customer 4"},
|
|
||||||
{
|
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852966235-d9f62481.png", alt: "Happy Customer 5"},
|
|
||||||
]}
|
|
||||||
avatarText="Trusted by 5,000+ homes"
|
avatarText="Trusted by 5,000+ homes"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{ type: "text", text: "Secure Payments" },
|
||||||
type: "text", text: "Premium Quality"},
|
{ type: "text", text: "100% Encrypted" },
|
||||||
{
|
{ type: "text", text: "Fast Processing" },
|
||||||
type: "text", text: "Cash on Delivery"},
|
{ type: "text", text: "Cash on Delivery" },
|
||||||
{
|
|
||||||
type: "text", text: "7-Day Returns"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Fast Shipping"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Secure Payments"},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="payment" data-section="payment">
|
||||||
|
<FeatureHoverPattern
|
||||||
|
animationType="slide-up"
|
||||||
|
title="Seamless Payment Integration"
|
||||||
|
description="We have integrated a secure, high-speed payment gateway to ensure your transactions are safe, fast, and reliable."
|
||||||
|
useInvertedBackground={true}
|
||||||
|
features={[
|
||||||
|
{
|
||||||
|
icon: CreditCard,
|
||||||
|
title: "Multiple Methods",
|
||||||
|
description: "Pay via Credit/Debit cards, UPI, or Net Banking effortlessly."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: Lock,
|
||||||
|
title: "Bank-Grade Security",
|
||||||
|
description: "Your data is encrypted and protected with industry-standard protocols."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: ShoppingCart,
|
||||||
|
title: "Instant Processing",
|
||||||
|
description: "Complete your checkout in seconds without any friction."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: CheckCircle,
|
||||||
|
title: "Guaranteed Safety",
|
||||||
|
description: "Verified transactions for every single order you place."
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
textboxLayout="split"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardTwo
|
<ProductCardTwo
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
@@ -90,117 +99,21 @@ export default function LandingPage() {
|
|||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "p1", brand: "Vauren", name: "Multifunction Cleaning Brush", price: "₹599", rating: 5, reviewCount: "128", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/a-single-premium-multifunctional-kitchen-1774852961161-6b0dabe8.png?_wi=1" },
|
||||||
id: "p1", brand: "Vauren", name: "Multifunction Cleaning Brush", price: "₹599", rating: 5,
|
{ id: "p2", brand: "Vauren", name: "Ergonomic Vegetable Chopper", price: "₹699", rating: 4, reviewCount: "89", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/a-single-premium-multifunctional-kitchen-1774852961161-6b0dabe8.png?_wi=2" },
|
||||||
reviewCount: "128", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/a-single-premium-multifunctional-kitchen-1774852961161-6b0dabe8.png?_wi=1"},
|
{ id: "p3", brand: "Vauren", name: "Smart Kitchen Organizer", price: "₹499", rating: 5, reviewCount: "210", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/a-single-premium-multifunctional-kitchen-1774852961161-6b0dabe8.png?_wi=3" },
|
||||||
{
|
|
||||||
id: "p2", brand: "Vauren", name: "Ergonomic Vegetable Chopper", price: "₹699", rating: 4,
|
|
||||||
reviewCount: "89", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/a-single-premium-multifunctional-kitchen-1774852961161-6b0dabe8.png?_wi=2"},
|
|
||||||
{
|
|
||||||
id: "p3", brand: "Vauren", name: "Smart Kitchen Organizer", price: "₹499", rating: 5,
|
|
||||||
reviewCount: "210", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/a-single-premium-multifunctional-kitchen-1774852961161-6b0dabe8.png?_wi=3"},
|
|
||||||
]}
|
]}
|
||||||
title="Featured Essentials"
|
title="Featured Essentials"
|
||||||
description="Solve daily problems with our top-rated, premium kitchen and home tools."
|
description="Solve daily problems with our top-rated, premium kitchen and home tools."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
|
||||||
<FeatureCardTen
|
|
||||||
textboxLayout="default"
|
|
||||||
animationType="slide-up"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
features={[
|
|
||||||
{
|
|
||||||
id: "f1", title: "Fast & Secure", description: "Free shipping and secure payment options for peace of mind.", media: {
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/high-quality-minimal-product-photography-1774852961850-875f986a.png?_wi=2", imageAlt: "High-quality, minimal product photography of a modern, organized kitchen interior with premium kitch"},
|
|
||||||
items: [],
|
|
||||||
reverse: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2", title: "Easy Returns", description: "7-day easy replacement policy for damaged products.", media: {
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/a-single-premium-multifunctional-kitchen-1774852961161-6b0dabe8.png?_wi=4", imageAlt: "A single premium multifunctional kitchen brush with a modern, ergonomic design, studio lighting, whi"},
|
|
||||||
items: [],
|
|
||||||
reverse: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3", title: "Cash on Delivery", description: "Safe COD available across all pin codes in India.", media: {
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852966235-d9f62481.png?_wi=1", imageAlt: "Close-up portrait of a happy, diverse Indian customer at home, professional photography, clean backg"},
|
|
||||||
items: [],
|
|
||||||
reverse: false,
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Why Choose Vauren?"
|
|
||||||
description="We are committed to quality, convenience, and superior shopping experience."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
|
||||||
<TestimonialCardTwo
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={true}
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
id: "t1", name: "Priya Sharma", role: "Home Maker", testimonial: "The cleaning brush is a total game changer in my kitchen! Very durable.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852966235-d9f62481.png?_wi=2"},
|
|
||||||
{
|
|
||||||
id: "t2", name: "Rahul Verma", role: "Professional", testimonial: "Fast delivery and great quality. Highly recommend Vauren products.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852960988-2c860c19.png"},
|
|
||||||
{
|
|
||||||
id: "t3", name: "Anjali Mehta", role: "Chef", testimonial: "Extremely useful for everyday tasks. Makes life so much easier!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852963054-49b8ac9f.png"},
|
|
||||||
{
|
|
||||||
id: "t4", name: "Vikram Singh", role: "Home Maker", testimonial: "Reliable brand. The organizer is perfect for small spaces.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852961546-6c754651.png"},
|
|
||||||
{
|
|
||||||
id: "t5", name: "Sunita Rao", role: "Home Maker", testimonial: "Love the premium quality of Vauren products, value for money!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852966235-d9f62481.png?_wi=3"},
|
|
||||||
]}
|
|
||||||
title="Loved by Thousands"
|
|
||||||
description="Don't just take our word for it—see what our happy customers are saying."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
|
||||||
<FaqDouble
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
faqs={[
|
|
||||||
{
|
|
||||||
id: "q1", title: "Is Cash on Delivery available?", content: "Yes, we offer Cash on Delivery across all pin codes in India."},
|
|
||||||
{
|
|
||||||
id: "q2", title: "How many days for delivery?", content: "Standard delivery takes between 5–8 business days across India."},
|
|
||||||
{
|
|
||||||
id: "q3", title: "Do you offer returns?", content: "We offer a 7-day easy replacement policy for any damaged or defective items."},
|
|
||||||
{
|
|
||||||
id: "q4", title: "How to contact support?", content: "You can email us at support@vauren.com. We respond within 24–48 hours."},
|
|
||||||
]}
|
|
||||||
title="Frequently Asked Questions"
|
|
||||||
description="Answers to the questions our customers ask most often."
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<FooterMedia
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/high-quality-minimal-product-photography-1774852961850-875f986a.png?_wi=3"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/high-quality-minimal-product-photography-1774852961850-875f986a.png?_wi=3"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Quick Links", items: [{ label: "Shop", href: "#products" }, { label: "Payment", href: "#payment" }] },
|
||||||
title: "Quick Links", items: [
|
{ title: "Policies", items: [{ label: "Privacy Policy", href: "#" }, { label: "Refund Policy", href: "#" }] },
|
||||||
{
|
|
||||||
label: "Shop", href: "#products"},
|
|
||||||
{
|
|
||||||
label: "Track Order", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Contact", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Policies", items: [
|
|
||||||
{
|
|
||||||
label: "Privacy Policy", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Refund Policy", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Shipping Policy", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="VAUREN"
|
logoText="VAUREN"
|
||||||
copyrightText="© 2025 | Vauren India"
|
copyrightText="© 2025 | Vauren India"
|
||||||
|
|||||||
Reference in New Issue
Block a user