|
|
|
|
@@ -29,11 +29,10 @@ export default function LandingPage() {
|
|
|
|
|
<NavbarStyleApple
|
|
|
|
|
brandName="ColorPaint"
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Home", id: "hero" },
|
|
|
|
|
{ name: "Home", id: "/" },
|
|
|
|
|
{ name: "Products", id: "products" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "FAQ", id: "faq" },
|
|
|
|
|
{ name: "Contact", id: "contact" }
|
|
|
|
|
{ name: "FAQ", id: "faq" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -41,10 +40,10 @@ export default function LandingPage() {
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroLogo
|
|
|
|
|
logoText="ColorPaint"
|
|
|
|
|
description="Transform your spaces with premium quality paints. Browse our collection, customize your order, and receive real-time updates on WhatsApp."
|
|
|
|
|
description="Transform your spaces with premium quality paints. Fast 24-hour delivery, 500+ colors, and expert WhatsApp support. Premium quality paints for every project."
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Shop Now", href: "#products" },
|
|
|
|
|
{ text: "Learn More", href: "#about" }
|
|
|
|
|
{ text: "Shop Now", href: "products" },
|
|
|
|
|
{ text: "Learn More", href: "about" }
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/tools-art-repairing-paint-space-text_185193-108852.jpg"
|
|
|
|
|
imageAlt="Professional paint shop with colorful paint displays"
|
|
|
|
|
@@ -69,7 +68,7 @@ export default function LandingPage() {
|
|
|
|
|
<div id="products" data-section="products">
|
|
|
|
|
<ProductCardOne
|
|
|
|
|
title="Featured Paint Collection"
|
|
|
|
|
description="Explore our premium selection of interior and exterior paints. Each product is carefully curated for quality and durability."
|
|
|
|
|
description="Explore our premium selection of interior and exterior paints. Each product is carefully curated for quality and durability. Fast delivery guaranteed."
|
|
|
|
|
tag="Popular"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
@@ -77,14 +76,14 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Matte Red Premium", price: "₹450", imageSrc: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-top-view_185193-108854.jpg", imageAlt: "Matte Red Premium paint can", onProductClick: () => {
|
|
|
|
|
id: "1", name: "Matte Red Premium", price: "₹450", imageSrc: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-top-view_185193-108854.jpg?_wi=1", imageAlt: "Matte Red Premium paint can", onProductClick: () => {
|
|
|
|
|
window.open(
|
|
|
|
|
"https://wa.me/919876543210?text=I%20am%20interested%20in%20Matte%20Red%20Premium%20paint", "_blank"
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Ocean Blue Glossy", price: "₹480", imageSrc: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-top-view_185193-108850.jpg", imageAlt: "Ocean Blue Glossy paint can", onProductClick: () => {
|
|
|
|
|
id: "2", name: "Ocean Blue Glossy", price: "₹480", imageSrc: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-top-view_185193-108850.jpg?_wi=1", imageAlt: "Ocean Blue Glossy paint can", onProductClick: () => {
|
|
|
|
|
window.open(
|
|
|
|
|
"https://wa.me/919876543210?text=I%20am%20interested%20in%20Ocean%20Blue%20Glossy%20paint", "_blank"
|
|
|
|
|
);
|
|
|
|
|
@@ -104,7 +103,7 @@ export default function LandingPage() {
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardNineteen
|
|
|
|
|
title="How to Order"
|
|
|
|
|
description="Simple three-step process to get your perfect paint color delivered to your door."
|
|
|
|
|
description="Simple three-step process to get your perfect paint color delivered to your door. Premium quality with fast delivery."
|
|
|
|
|
tag="Easy Process"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
@@ -115,11 +114,11 @@ export default function LandingPage() {
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 2,
|
|
|
|
|
tag: "Step 2", title: "Order via WhatsApp", subtitle: "Get instant confirmation", description: "Click the WhatsApp button to send us your order details. Our team will confirm availability and provide exact pricing with any special offers.", imageSrc: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-top-view_185193-108854.jpg", imageAlt: "WhatsApp order process"
|
|
|
|
|
tag: "Step 2", title: "Order via WhatsApp", subtitle: "Get instant confirmation", description: "Click the WhatsApp button to send us your order details. Our team will confirm availability and provide exact pricing with any special offers.", imageSrc: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-top-view_185193-108854.jpg?_wi=2", imageAlt: "WhatsApp order process"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 3,
|
|
|
|
|
tag: "Step 3", title: "Receive Updates", subtitle: "Real-time notifications", description: "Get real-time WhatsApp notifications about your order status, delivery schedule, and any updates. Receive your order within 24 hours.", imageSrc: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-top-view_185193-108850.jpg", imageAlt: "Order delivery and notifications"
|
|
|
|
|
tag: "Step 3", title: "Receive Updates", subtitle: "Real-time notifications", description: "Get real-time WhatsApp notifications about your order status, delivery schedule, and any updates. Receive your order within 24 hours.", imageSrc: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-top-view_185193-108850.jpg?_wi=2", imageAlt: "Order delivery and notifications"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -128,27 +127,27 @@ export default function LandingPage() {
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardOne
|
|
|
|
|
title="What Our Customers Say"
|
|
|
|
|
description="Real feedback from satisfied customers who trust ColorPaint for their painting needs."
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
description="Real feedback from satisfied customers who trust ColorPaint for their premium quality paints and fast delivery."
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Rajesh Kumar", role: "Homeowner", company: "Delhi", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Portrait of Rajesh Kumar"
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1", imageAlt: "Portrait of Rajesh Kumar"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Priya Singh", role: "Interior Designer", company: "Mumbai", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Portrait of Priya Singh"
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2", imageAlt: "Portrait of Priya Singh"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Amit Patel", role: "Contractor", company: "Bangalore", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Portrait of Amit Patel"
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=3", imageAlt: "Portrait of Amit Patel"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Neha Sharma", role: "Architect", company: "Pune", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Portrait of Neha Sharma"
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=4", imageAlt: "Portrait of Neha Sharma"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -157,7 +156,7 @@ export default function LandingPage() {
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqSplitText
|
|
|
|
|
sideTitle="Frequently Asked Questions"
|
|
|
|
|
sideDescription="Have questions about our paint products or ordering process? Find answers to common inquiries here."
|
|
|
|
|
sideDescription="Have questions about our premium paint products or fast delivery? Find answers to common inquiries here."
|
|
|
|
|
textPosition="left"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
@@ -190,14 +189,14 @@ export default function LandingPage() {
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
items: [
|
|
|
|
|
{ label: "Home", href: "#hero" },
|
|
|
|
|
{ label: "Products", href: "#products" },
|
|
|
|
|
{ label: "About", href: "#about" }
|
|
|
|
|
{ label: "Home", href: "/" },
|
|
|
|
|
{ label: "Products", href: "products" },
|
|
|
|
|
{ label: "About", href: "about" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
items: [
|
|
|
|
|
{ label: "FAQ", href: "#faq" },
|
|
|
|
|
{ label: "FAQ", href: "faq" },
|
|
|
|
|
{
|
|
|
|
|
label: "Order Status", href: "https://wa.me/919876543210?text=What%20is%20the%20status%20of%20my%20order?"
|
|
|
|
|
},
|
|
|
|
|
|
