Update src/app/page.tsx
This commit is contained in:
271
src/app/page.tsx
271
src/app/page.tsx
@@ -33,96 +33,59 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Bhuvan Web Studios"
|
||||
button={{
|
||||
text: "Get a Free Demo",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Free Demo", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="High-Converting Websites That Grow Your Business"
|
||||
description="We design fast, modern, and professional websites that turn visitors into customers. Your growth is our design mission."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Demo",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Demo", href: "#contact"},
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Portfolio", href: "#portfolio"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30142.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30142.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.jpg",
|
||||
alt: "High blurred spots on black screen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.jpg", alt: "High blurred spots on black screen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139291.jpg",
|
||||
alt: "Blurred night lights",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139291.jpg", alt: "Blurred night lights"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-abstract-particle-design-with-shallow-depth-field_1048-14034.jpg",
|
||||
alt: "3D render of an abstract particle design",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-abstract-particle-design-with-shallow-depth-field_1048-14034.jpg", alt: "3D render of an abstract particle design"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-13853.jpg",
|
||||
alt: "Network communications background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-13853.jpg", alt: "Network communications background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg",
|
||||
alt: "Digital Training and Innovation Concept",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg", alt: "Digital Training and Innovation Concept"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Web Design",
|
||||
},
|
||||
type: "text", text: "Web Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "SEO Optimized",
|
||||
},
|
||||
type: "text", text: "SEO Optimized"},
|
||||
{
|
||||
type: "text",
|
||||
text: "E-Commerce",
|
||||
},
|
||||
type: "text", text: "E-Commerce"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Responsive",
|
||||
},
|
||||
type: "text", text: "Responsive"},
|
||||
{
|
||||
type: "text",
|
||||
text: "3D Design",
|
||||
},
|
||||
type: "text", text: "3D Design"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,19 +97,13 @@ export default function LandingPage() {
|
||||
description="Bhuvan Web Studios specializes in crafting high-performance, affordable websites designed for startups, local businesses, and growing brands in the USA, UK, Canada, and Australia."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
value: "100+", title: "Projects Completed"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Happy Clients",
|
||||
},
|
||||
value: "50+", title: "Happy Clients"},
|
||||
{
|
||||
value: "5+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "5+", title: "Years Experience"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -159,52 +116,38 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Core Services",
|
||||
description: "Everything you need to succeed online.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473187.jpg",
|
||||
title: "Core Services", description: "Everything you need to succeed online.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473187.jpg", imageAlt: "abstract tech background dark blue"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Layout,
|
||||
text: "Business Website Design",
|
||||
},
|
||||
text: "Business Website Design"},
|
||||
{
|
||||
icon: ShoppingBag,
|
||||
text: "E-Commerce Development",
|
||||
},
|
||||
text: "E-Commerce Development"},
|
||||
{
|
||||
icon: Layers,
|
||||
text: "Landing Page Design",
|
||||
},
|
||||
text: "Landing Page Design"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30142.jpg?_wi=2",
|
||||
imageAlt: "abstract tech background dark blue",
|
||||
},
|
||||
{
|
||||
title: "Optimized & Interactive",
|
||||
description: "Designed for maximum performance.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-plexus-background-with-low-poly_1048-12443.jpg",
|
||||
title: "Optimized & Interactive", description: "Designed for maximum performance.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-plexus-background-with-low-poly_1048-12443.jpg", imageAlt: "abstract tech background dark blue"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: RefreshCw,
|
||||
text: "Website Redesign",
|
||||
},
|
||||
text: "Website Redesign"},
|
||||
{
|
||||
icon: Search,
|
||||
text: "SEO Optimization",
|
||||
},
|
||||
text: "SEO Optimization"},
|
||||
{
|
||||
icon: Box,
|
||||
text: "3D & Interactive Elements",
|
||||
},
|
||||
text: "3D & Interactive Elements"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg?_wi=2",
|
||||
imageAlt: "abstract tech background dark blue",
|
||||
},
|
||||
]}
|
||||
title="Professional Services to Scale Your Presence"
|
||||
@@ -220,25 +163,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "High Conversion",
|
||||
description: "Designs that actually drive sales.",
|
||||
},
|
||||
id: "m1", value: "High Conversion", description: "Designs that actually drive sales."},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Affordable",
|
||||
description: "Premium quality at fair pricing.",
|
||||
},
|
||||
id: "m2", value: "Affordable", description: "Premium quality at fair pricing."},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Fast Delivery",
|
||||
description: "Timely project completion guaranteed.",
|
||||
},
|
||||
id: "m3", value: "Fast Delivery", description: "Timely project completion guaranteed."},
|
||||
{
|
||||
id: "m4",
|
||||
value: "AI-Powered",
|
||||
description: "Cutting-edge modern development.",
|
||||
},
|
||||
id: "m4", value: "AI-Powered", description: "Cutting-edge modern development."},
|
||||
]}
|
||||
title="Why Partner With Us?"
|
||||
description="What sets Bhuvan Web Studios apart from the competition."
|
||||
@@ -253,41 +184,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Gym Website",
|
||||
price: "Active Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-smartphone-with-jump-rope-weight_23-2148523318.jpg",
|
||||
},
|
||||
id: "p1", name: "Gym Website", price: "Active Project", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-smartphone-with-jump-rope-weight_23-2148523318.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Salon Website",
|
||||
price: "Active Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chic-cosmetics-trendy-vogue-fashion-concept_53876-124967.jpg",
|
||||
},
|
||||
id: "p2", name: "Salon Website", price: "Active Project", imageSrc: "http://img.b2bpic.net/free-photo/chic-cosmetics-trendy-vogue-fashion-concept_53876-124967.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cleaning Service",
|
||||
price: "Active Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-office-cleaning_23-2149374419.jpg",
|
||||
},
|
||||
id: "p3", name: "Cleaning Service", price: "Active Project", imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-office-cleaning_23-2149374419.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "E-Commerce Store",
|
||||
price: "Active Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165180.jpg",
|
||||
},
|
||||
id: "p4", name: "E-Commerce Store", price: "Active Project", imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165180.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Tech Startup",
|
||||
price: "Active Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-beauty-cosmetics-makeover-skincare-digital-tablet_53876-123870.jpg",
|
||||
},
|
||||
id: "p5", name: "Tech Startup", price: "Active Project", imageSrc: "http://img.b2bpic.net/free-photo/illustration-beauty-cosmetics-makeover-skincare-digital-tablet_53876-123870.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Consulting Firm",
|
||||
price: "Active Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shocked-man-receiving-broom-house-chores-looking-confused-standing-light-blue-background_1258-180536.jpg",
|
||||
},
|
||||
id: "p6", name: "Consulting Firm", price: "Active Project", imageSrc: "http://img.b2bpic.net/free-photo/shocked-man-receiving-broom-house-chores-looking-confused-standing-light-blue-background_1258-180536.jpg"},
|
||||
]}
|
||||
title="Our Recent Work"
|
||||
description="A glimpse into our successful projects."
|
||||
@@ -301,40 +208,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$200",
|
||||
subtitle: "Perfect for starters.",
|
||||
features: [
|
||||
"Basic landing page",
|
||||
"Mobile responsive",
|
||||
"Contact form",
|
||||
"Basic SEO",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$200", subtitle: "Perfect for starters.", features: [
|
||||
"Basic landing page", "Mobile responsive", "Contact form", "Basic SEO"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$500",
|
||||
subtitle: "Great for small business.",
|
||||
features: [
|
||||
"Full business site",
|
||||
"CMS integration",
|
||||
"Faster performance",
|
||||
"Advanced SEO",
|
||||
],
|
||||
id: "pro", badge: "Popular", price: "$500", subtitle: "Great for small business.", features: [
|
||||
"Full business site", "CMS integration", "Faster performance", "Advanced SEO"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Elite",
|
||||
price: "$750",
|
||||
subtitle: "Best for growth.",
|
||||
features: [
|
||||
"E-Commerce features",
|
||||
"Interactive 3D",
|
||||
"Premium support",
|
||||
"Priority hosting",
|
||||
],
|
||||
id: "premium", badge: "Elite", price: "$750", subtitle: "Best for growth.", features: [
|
||||
"E-Commerce features", "Interactive 3D", "Premium support", "Priority hosting"],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Package"
|
||||
@@ -347,30 +230,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice Johnson", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Spencer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-businessman-wearing-glasses-isolated-pink-background_141793-63263.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark Spencer", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-businessman-wearing-glasses-isolated-pink-background_141793-63263.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait_1296-491.jpg",
|
||||
},
|
||||
id: "t4", name: "David Wilson", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait_1296-491.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emily Davis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-using-digital-tablet-home-office_329181-4278.jpg",
|
||||
},
|
||||
id: "t5", name: "Emily Davis", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-using-digital-tablet-home-office_329181-4278.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Social Proof"
|
||||
@@ -382,14 +250,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to Grow Your Business Online?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Free Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Free Consultation", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -399,29 +264,19 @@ export default function LandingPage() {
|
||||
logoText="Bhuvan Web Studios"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Email: hello@bhuvanstudios.com",
|
||||
href: "mailto:hello@bhuvanstudios.com",
|
||||
},
|
||||
label: "Email: hello@bhuvanstudios.com", href: "mailto:hello@bhuvanstudios.com"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/yournumber"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user