Merge version_1 into main #1
285
src/app/page.tsx
285
src/app/page.tsx
@@ -33,39 +33,26 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "#home",
|
||||
name: "Home", id: "home"
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "#about",
|
||||
name: "About", id: "about"
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
href: "#services",
|
||||
name: "Services", id: "services"
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
href: "#portfolio",
|
||||
name: "Portfolio", id: "portfolio"
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
href: "#pricing",
|
||||
name: "Pricing", id: "pricing"
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "#contact",
|
||||
},
|
||||
name: "Contact", id: "contact"
|
||||
}
|
||||
]}
|
||||
button={{
|
||||
text: "Chalo Baat Karein",
|
||||
href: "#contact",
|
||||
text: "Chalo Baat Karein", href: "#contact"
|
||||
}}
|
||||
brandName="Deep"
|
||||
/>
|
||||
@@ -74,45 +61,37 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
variant: "gradient-bars"
|
||||
}}
|
||||
title="Apke Business Ko Online Le Jayenge"
|
||||
description="Simple, no-code websites se, main aapke gym, restaurant, salon ya shop ko naye customers tak pahunchne mein help karunga. Digital growth ab door nahi!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Meri Services Dekho",
|
||||
href: "#services",
|
||||
text: "Meri Services Dekho", href: "#services"
|
||||
},
|
||||
{
|
||||
text: "Chalo Contact Karein",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Chalo Contact Karein", href: "#contact"
|
||||
}
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/body-building-training-landing-page-template_23-2149989924.jpg",
|
||||
imageAlt: "Modern Gym Website",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/body-building-training-landing-page-template_23-2149989924.jpg", imageAlt: "Modern Gym Website"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/landing-page-template-traditional-italian-food-restaurant_23-2150228269.jpg",
|
||||
imageAlt: "Elegant Restaurant Website",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/landing-page-template-traditional-italian-food-restaurant_23-2150228269.jpg", imageAlt: "Elegant Restaurant Website"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-twitch-banner_23-2149216433.jpg",
|
||||
imageAlt: "Beauty Salon Website",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-twitch-banner_23-2149216433.jpg", imageAlt: "Beauty Salon Website"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/tropical-style-website-template_23-2149195283.jpg",
|
||||
imageAlt: "Trendy Bar Website",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/tropical-style-website-template_23-2149195283.jpg", imageAlt: "Trendy Bar Website"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-laptop-outdoors-while-having-lunch_23-2148578285.jpg",
|
||||
imageAlt: "Cozy Cafe Website",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-laptop-outdoors-while-having-lunch_23-2148578285.jpg", imageAlt: "Cozy Cafe Website"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-start-landing-page_52683-23778.jpg",
|
||||
imageAlt: "Small Business Website",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-start-landing-page_52683-23778.jpg", imageAlt: "Small Business Website"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -136,24 +115,20 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Smartphone,
|
||||
title: "Mobile-Friendly Design",
|
||||
description: "Aapki website har device par perfect dikhegi – phone ho ya laptop, aapke customers ko best experience milega.",
|
||||
title: "Mobile-Friendly Design", description: "Aapki website har device par perfect dikhegi – phone ho ya laptop, aapke customers ko best experience milega."
|
||||
},
|
||||
{
|
||||
icon: Calendar,
|
||||
title: "Easy Booking System",
|
||||
description: "Clients easily appointments ya reservations online kar payenge. Aapka time bachega aur business smooth chalega.",
|
||||
title: "Easy Booking System", description: "Clients easily appointments ya reservations online kar payenge. Aapka time bachega aur business smooth chalega."
|
||||
},
|
||||
{
|
||||
icon: Mail,
|
||||
title: "Smart Contact Forms",
|
||||
description: "Customers aasaani se aap tak pahunch payenge. Inquiry, feedback ya orders, sab kuch ek click mein.",
|
||||
title: "Smart Contact Forms", description: "Customers aasaani se aap tak pahunch payenge. Inquiry, feedback ya orders, sab kuch ek click mein."
|
||||
},
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Sab Business Info Ek Jagah",
|
||||
description: "Aapke business hours, location, services aur offerings sab kuch ek professional tareeke se dikhega online.",
|
||||
},
|
||||
title: "Sab Business Info Ek Jagah", description: "Aapke business hours, location, services aur offerings sab kuch ek professional tareeke se dikhega online."
|
||||
}
|
||||
]}
|
||||
title="Aapke Business Ke Liye Kya Milega?"
|
||||
description="Meri websites sirf dikhne mein achhi nahi hoti, woh aapke business ko grow karne mein bhi help karti hain."
|
||||
@@ -168,35 +143,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "gym-site",
|
||||
brand: "Fitness Hub",
|
||||
name: "Gym Website",
|
||||
price: "Demo",
|
||||
rating: 5,
|
||||
reviewCount: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/workout-tracker-app-template_23-2148663341.jpg",
|
||||
imageAlt: "Gym Website Demo",
|
||||
id: "gym-site", brand: "Fitness Hub", name: "Gym Website", price: "Demo", rating: 5,
|
||||
reviewCount: "View", imageSrc: "http://img.b2bpic.net/free-vector/workout-tracker-app-template_23-2148663341.jpg", imageAlt: "Gym Website Demo"
|
||||
},
|
||||
{
|
||||
id: "restaurant-site",
|
||||
brand: "Spice Route",
|
||||
name: "Restaurant Website",
|
||||
price: "Demo",
|
||||
rating: 5,
|
||||
reviewCount: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/chef-occupation-career-landing-page-template_23-2149977624.jpg",
|
||||
imageAlt: "Restaurant Website Demo",
|
||||
id: "restaurant-site", brand: "Spice Route", name: "Restaurant Website", price: "Demo", rating: 5,
|
||||
reviewCount: "View", imageSrc: "http://img.b2bpic.net/free-vector/chef-occupation-career-landing-page-template_23-2149977624.jpg", imageAlt: "Restaurant Website Demo"
|
||||
},
|
||||
{
|
||||
id: "salon-site",
|
||||
brand: "Glow Beauty",
|
||||
name: "Salon Website",
|
||||
price: "Demo",
|
||||
rating: 5,
|
||||
reviewCount: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/spring-sale-instagram-story-collection_23-2148424807.jpg",
|
||||
imageAlt: "Salon Website Demo",
|
||||
},
|
||||
id: "salon-site", brand: "Glow Beauty", name: "Salon Website", price: "Demo", rating: 5,
|
||||
reviewCount: "View", imageSrc: "http://img.b2bpic.net/free-vector/spring-sale-instagram-story-collection_23-2148424807.jpg", imageAlt: "Salon Website Demo"
|
||||
}
|
||||
]}
|
||||
title="Mera Kaam Dekho"
|
||||
description="Yahan kuch demo websites hain jo dikhati hain main aapke business ke liye kya kar sakta hoon. Har website aapke brand ko reflect karti hai aur customers ko attract karti hai."
|
||||
@@ -210,69 +167,38 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Shuruwat",
|
||||
badgeIcon: Sparkles,
|
||||
price: "₹XXXX",
|
||||
subtitle: "Online Presence Ka Pehla Kadam",
|
||||
buttons: [
|
||||
id: "basic", badge: "Shuruwat", badgeIcon: Sparkles,
|
||||
price: "₹XXXX", subtitle: "Online Presence Ka Pehla Kadam", buttons: [
|
||||
{
|
||||
text: "Iss Plan Se Shuru Karein",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Iss Plan Se Shuru Karein", href: "#contact"
|
||||
}
|
||||
],
|
||||
features: [
|
||||
"Basic Website Design",
|
||||
"Mobile-Friendly Layout",
|
||||
"Business Info Section",
|
||||
"1-Page Website",
|
||||
"Basic Contact Form",
|
||||
],
|
||||
"Basic Website Design", "Mobile-Friendly Layout", "Business Info Section", "1-Page Website", "Basic Contact Form"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Popular",
|
||||
badgeIcon: Star,
|
||||
price: "₹XXXXX",
|
||||
subtitle: "Growth Ke Liye Ready",
|
||||
buttons: [
|
||||
id: "standard", badge: "Popular", badgeIcon: Star,
|
||||
price: "₹XXXXX", subtitle: "Growth Ke Liye Ready", buttons: [
|
||||
{
|
||||
text: "Iss Plan Se Business Badhao",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Iss Plan Se Business Badhao", href: "#contact"
|
||||
}
|
||||
],
|
||||
features: [
|
||||
"Custom Design & Branding",
|
||||
"Mobile-Friendly Layout",
|
||||
"Business Info Section",
|
||||
"Up to 3 Pages",
|
||||
"Advanced Contact Forms",
|
||||
"Basic Booking System",
|
||||
],
|
||||
"Custom Design & Branding", "Mobile-Friendly Layout", "Business Info Section", "Up to 3 Pages", "Advanced Contact Forms", "Basic Booking System"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Best Value",
|
||||
badgeIcon: Award,
|
||||
price: "₹XXXXX+",
|
||||
subtitle: "Full Digital Power",
|
||||
buttons: [
|
||||
id: "premium", badge: "Best Value", badgeIcon: Award,
|
||||
price: "₹XXXXX+", subtitle: "Full Digital Power", buttons: [
|
||||
{
|
||||
text: "Premium Plan Ke Liye Contact Karein",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Premium Plan Ke Liye Contact Karein", href: "#contact"
|
||||
}
|
||||
],
|
||||
features: [
|
||||
"Fully Custom & Unique Design",
|
||||
"Mobile-Friendly Layout",
|
||||
"Complete Business Info Section",
|
||||
"Unlimited Pages",
|
||||
"Integrated Booking & Payments",
|
||||
"Advanced Contact Forms & CRM Integration",
|
||||
"Social Media Integration",
|
||||
"Basic SEO Setup",
|
||||
],
|
||||
},
|
||||
"Fully Custom & Unique Design", "Mobile-Friendly Layout", "Complete Business Info Section", "Unlimited Pages", "Integrated Booking & Payments", "Advanced Contact Forms & CRM Integration", "Social Media Integration", "Basic SEO Setup"
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Simple Packages, Big Results"
|
||||
description="Aapke budget aur needs ke hisaab se, choose karein apna perfect plan."
|
||||
@@ -285,45 +211,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rohan Sharma",
|
||||
role: "Gym Owner",
|
||||
title: "Customers Badh Gaye!",
|
||||
quote: "Deep ne mere gym ke liye jo website banayi, usse online bookings double ho gayi. Bahut professional aur easy to use!",
|
||||
tag: "Fitness",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg",
|
||||
avatarAlt: "Rohan Sharma",
|
||||
id: "1", name: "Rohan Sharma", title: "Customers Badh Gaye!", quote: "Deep ne mere gym ke liye jo website banayi, usse online bookings double ho gayi. Bahut professional aur easy to use!", tag: "Fitness", avatarSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg", avatarAlt: "Rohan Sharma"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Priya Singh",
|
||||
role: "Restaurant Manager",
|
||||
title: "Online Orders Badh Gaye!",
|
||||
quote: "Hamare restaurant ki website Deep ne itni khoobsurat banayi hai ki ab online orders kaafi zyada aate hain. Highly recommended!",
|
||||
tag: "Food & Beverage",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-man-with-beard-fixing-suit-looking-sassy-camera-feeling-ready-determined_1258-144970.jpg",
|
||||
avatarAlt: "Priya Singh",
|
||||
id: "2", name: "Priya Singh", title: "Online Orders Badh Gaye!", quote: "Hamare restaurant ki website Deep ne itni khoobsurat banayi hai ki ab online orders kaafi zyada aate hain. Highly recommended!", tag: "Food & Beverage", avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-man-with-beard-fixing-suit-looking-sassy-camera-feeling-ready-determined_1258-144970.jpg", avatarAlt: "Priya Singh"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amit Kumar",
|
||||
role: "Salon Owner",
|
||||
title: "Naye Clients Mile!",
|
||||
quote: "Pehle mera salon online nahi tha, Deep ne ek simple website banayi aur ab naye clients aasaani se mujhe dhoondh pate hain. Kamal ka kaam!",
|
||||
tag: "Beauty",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/senior-with-necklace-holding-tablet_23-2148346175.jpg",
|
||||
avatarAlt: "Amit Kumar",
|
||||
id: "3", name: "Amit Kumar", title: "Naye Clients Mile!", quote: "Pehle mera salon online nahi tha, Deep ne ek simple website banayi aur ab naye clients aasaani se mujhe dhoondh pate hain. Kamal ka kaam!", tag: "Beauty", avatarSrc: "http://img.b2bpic.net/free-photo/senior-with-necklace-holding-tablet_23-2148346175.jpg", avatarAlt: "Amit Kumar"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Neha Gupta",
|
||||
role: "Boutique Owner",
|
||||
title: "Professional Look!",
|
||||
quote: "Meri boutique ki website Deep ne banayi, bahut hi modern aur clean look hai. Customers ko bhi pasand aata hai. Thank you, Deep!",
|
||||
tag: "Retail",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-man-standing-bar-with-phone_171337-19409.jpg",
|
||||
avatarAlt: "Neha Gupta",
|
||||
},
|
||||
id: "4", name: "Neha Gupta", title: "Professional Look!", quote: "Meri boutique ki website Deep ne banayi, bahut hi modern aur clean look hai. Customers ko bhi pasand aata hai. Thank you, Deep!", tag: "Retail", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-man-standing-bar-with-phone_171337-19409.jpg", avatarAlt: "Neha Gupta"
|
||||
}
|
||||
]}
|
||||
title="Happy Clients, Happy Businesses"
|
||||
description="Suniyega unki kahani, jinhone mere saath grow kiya."
|
||||
@@ -335,30 +233,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
logos={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/set-blue-orange-fitness-badges_23-2147800831.jpg",
|
||||
alt: "Gym Logo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/retro-restaurant-labels-collection_23-2147529914.jpg",
|
||||
alt: "Restaurant Logo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/bakery-logo-collection_23-2148106194.jpg",
|
||||
alt: "Cafe Logo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/floral-botanical-frame_53876-77784.jpg",
|
||||
alt: "Salon Logo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/flat-design-black-music-logo_23-2150980711.jpg",
|
||||
alt: "Club / Bar Logo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/flat-labels-collection-world-population-day_23-2150426993.jpg",
|
||||
alt: "Small Local Business Logo",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/set-blue-orange-fitness-badges_23-2147800831.jpg", "http://img.b2bpic.net/free-vector/retro-restaurant-labels-collection_23-2147529914.jpg", "http://img.b2bpic.net/free-vector/bakery-logo-collection_23-2148106194.jpg", "http://img.b2bpic.net/free-vector/floral-botanical-frame_53876-77784.jpg", "http://img.b2bpic.net/free-vector/flat-design-black-music-logo_23-2150980711.jpg", "http://img.b2bpic.net/free-vector/flat-labels-collection-world-population-day_23-2150426993.jpg"
|
||||
]}
|
||||
title="Aap Jaise Businesses Ke Liye"
|
||||
description="Main in industries ke clients ke saath kaam karta hoon, aur aapki bhi help kar sakta hoon. Apne business ko online le jao!"
|
||||
@@ -369,7 +244,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
variant: "plain"
|
||||
}}
|
||||
tag="Chalo Baat Karein"
|
||||
title="Aapke Business Ko Online Laate Hain"
|
||||
@@ -390,55 +265,43 @@ export default function LandingPage() {
|
||||
imageAlt="Abstract background for footer"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
label: "Home", href: "#home"
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
label: "About", href: "#about"
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
label: "Services", href: "#services"
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
label: "Portfolio", href: "#portfolio"
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
label: "Pricing", href: "#pricing"
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
label: "Contact", href: "#contact"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect With Me",
|
||||
items: [
|
||||
title: "Connect With Me", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/xxxxxxxx",
|
||||
label: "Instagram", href: "https://instagram.com/xxxxxxxx"
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com/in/xxxxxx",
|
||||
label: "LinkedIn", href: "https://linkedin.com/in/xxxxxx"
|
||||
},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:xxxxxx",
|
||||
label: "Email", href: "mailto:xxxxxx"
|
||||
},
|
||||
{
|
||||
label: "Mobile",
|
||||
href: "tel:xxxxxx",
|
||||
},
|
||||
],
|
||||
},
|
||||
label: "Mobile", href: "tel:xxxxxx"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Deep's Web Solutions"
|
||||
copyrightText="© 2024 Deep's Web Solutions. All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user