Merge version_1 into main #1
201
src/app/page.tsx
201
src/app/page.tsx
@@ -31,72 +31,45 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "#portfolio"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
name: "Process", id: "#process"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
]}
|
||||
brandName="Velora Web Co."
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="We Build Websites That Bring You Customers."
|
||||
description="Premium, fast, and designed to grow your business—even if you're starting from zero."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get My Website",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get My Website", href: "#contact"},
|
||||
{
|
||||
text: "View Demo",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Demo", href: "#portfolio"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994350.jpg",
|
||||
imageAlt: "Velora Web Co Mockup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994350.jpg", imageAlt: "Velora Web Co Mockup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/consult-advice-information-serveice-sharing-concept_53876-125587.jpg",
|
||||
imageAlt: "Velora Web Co Mockup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/consult-advice-information-serveice-sharing-concept_53876-125587.jpg", imageAlt: "Velora Web Co Mockup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/ui-ux-design-minimalist-modern-gradient-color_483537-3365.jpg",
|
||||
imageAlt: "Velora Web Co Mockup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/ui-ux-design-minimalist-modern-gradient-color_483537-3365.jpg", imageAlt: "Velora Web Co Mockup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-template-with-photo_52683-19826.jpg",
|
||||
imageAlt: "Velora Web Co Mockup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-template-with-photo_52683-19826.jpg", imageAlt: "Velora Web Co Mockup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/device-with-copy-space-table-with-food_23-2150917874.jpg",
|
||||
imageAlt: "Velora Web Co Mockup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/device-with-copy-space-table-with-food_23-2150917874.jpg", imageAlt: "Velora Web Co Mockup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-blog-template_23-2148899518.jpg",
|
||||
imageAlt: "Velora Web Co Mockup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-blog-template_23-2148899518.jpg", imageAlt: "Velora Web Co Mockup"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,9 +80,7 @@ export default function LandingPage() {
|
||||
title="No website means no trust."
|
||||
buttons={[
|
||||
{
|
||||
text: "Solve My Problem",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Solve My Problem", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,9 +91,7 @@ export default function LandingPage() {
|
||||
title="We turn your business into a premium online brand."
|
||||
buttons={[
|
||||
{
|
||||
text: "See Results",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "See Results", href: "#portfolio"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,19 +104,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Starter Website",
|
||||
description: "Quick launch for new businesses.",
|
||||
},
|
||||
title: "Starter Website", description: "Quick launch for new businesses."},
|
||||
{
|
||||
icon: Rocket,
|
||||
title: "Business Pro Website",
|
||||
description: "Full featured site for scale.",
|
||||
},
|
||||
title: "Business Pro Website", description: "Full featured site for scale."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Full Branding Package",
|
||||
description: "Complete identity transformation.",
|
||||
},
|
||||
title: "Full Branding Package", description: "Complete identity transformation."},
|
||||
]}
|
||||
title="Services for Your Business Growth."
|
||||
description="Tailored packages designed to take your business online."
|
||||
@@ -158,44 +121,21 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Salon Demo",
|
||||
price: "View Site",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-neodymium-magnet-phenomenon_23-2148253601.jpg",
|
||||
},
|
||||
id: "p1", name: "Salon Demo", price: "View Site", imageSrc: "http://img.b2bpic.net/free-photo/black-neodymium-magnet-phenomenon_23-2148253601.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Gym Demo",
|
||||
price: "View Site",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163390.jpg",
|
||||
},
|
||||
id: "p2", name: "Gym Demo", price: "View Site", imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163390.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cafe Demo",
|
||||
price: "View Site",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-browsing-laptop-while-having-breakfast-caf_23-2147871289.jpg",
|
||||
},
|
||||
id: "p3", name: "Cafe Demo", price: "View Site", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-browsing-laptop-while-having-breakfast-caf_23-2147871289.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Salon Demo",
|
||||
price: "View Site",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bath-concept-accessories_23-2148419373.jpg",
|
||||
},
|
||||
id: "p4", name: "Salon Demo", price: "View Site", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bath-concept-accessories_23-2148419373.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Gym Demo",
|
||||
price: "View Site",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163327.jpg",
|
||||
},
|
||||
id: "p5", name: "Gym Demo", price: "View Site", imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163327.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cafe Demo",
|
||||
price: "View Site",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-coffee-pumpkins-yellow-background-top-view_169016-39005.jpg",
|
||||
},
|
||||
id: "p6", name: "Cafe Demo", price: "View Site", imageSrc: "http://img.b2bpic.net/free-photo/laptop-coffee-pumpkins-yellow-background-top-view_169016-39005.jpg"},
|
||||
]}
|
||||
title="Our Work"
|
||||
description="See the transformation we provide for businesses."
|
||||
@@ -210,24 +150,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: MessageSquare,
|
||||
title: "1. Consultation",
|
||||
description: "We discuss your business needs.",
|
||||
},
|
||||
title: "1. Consultation", description: "We discuss your business needs."},
|
||||
{
|
||||
icon: Layout,
|
||||
title: "2. Design",
|
||||
description: "Our team drafts your site.",
|
||||
},
|
||||
title: "2. Design", description: "Our team drafts your site."},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "3. Review",
|
||||
description: "Refining the final look.",
|
||||
},
|
||||
title: "3. Review", description: "Refining the final look."},
|
||||
{
|
||||
icon: Rocket,
|
||||
title: "4. Launch",
|
||||
description: "Your site goes live.",
|
||||
},
|
||||
title: "4. Launch", description: "Your site goes live."},
|
||||
]}
|
||||
title="Our Simple 4-Step Process."
|
||||
description="From vision to launch in weeks."
|
||||
@@ -241,52 +173,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
tag: "Starter",
|
||||
price: "₹4,999",
|
||||
period: "one-time",
|
||||
description: "Perfect for new local services.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Mobile responsive",
|
||||
"Contact form",
|
||||
"Domain setup",
|
||||
],
|
||||
id: "starter", tag: "Starter", price: "₹4,999", period: "one-time", description: "Perfect for new local services.", button: {
|
||||
text: "Get Started"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Mobile responsive", "Contact form", "Domain setup"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Pro",
|
||||
price: "₹9,999",
|
||||
period: "one-time",
|
||||
description: "Best for established businesses.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"All starter features",
|
||||
"SEO optimization",
|
||||
"Fast hosting",
|
||||
],
|
||||
id: "pro", tag: "Pro", price: "₹9,999", period: "one-time", description: "Best for established businesses.", button: {
|
||||
text: "Get Started"},
|
||||
featuresTitle: "Included", features: [
|
||||
"All starter features", "SEO optimization", "Fast hosting"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Premium",
|
||||
price: "₹19,999",
|
||||
period: "one-time",
|
||||
description: "Complete branding package.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"All pro features",
|
||||
"Custom branding",
|
||||
"Priority support",
|
||||
],
|
||||
id: "premium", tag: "Premium", price: "₹19,999", period: "one-time", description: "Complete branding package.", button: {
|
||||
text: "Get Started"},
|
||||
featuresTitle: "Included", features: [
|
||||
"All pro features", "Custom branding", "Priority support"],
|
||||
},
|
||||
]}
|
||||
title="Pricing Packages"
|
||||
@@ -298,8 +200,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Talk"
|
||||
title="Your customers are already online. Let’s make sure they find YOU."
|
||||
description="Ready to launch your business brand?"
|
||||
@@ -312,25 +213,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user