Merge version_2 into main #3
376
src/app/page.tsx
376
src/app/page.tsx
@@ -2,17 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Box, Layers, Layout, RefreshCw, Search, ShoppingBag } from "lucide-react";
|
||||
import { BarChart3, Bot, CheckCircle, Code2, Layers, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,260 +29,126 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Bhuvan Web Studios"
|
||||
button={{
|
||||
text: "Get a Free Demo", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Bhuvan Web Studios"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
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: "View Portfolio", href: "#portfolio"},
|
||||
]}
|
||||
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/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-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"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Web Design"},
|
||||
{
|
||||
type: "text", text: "SEO Optimized"},
|
||||
{
|
||||
type: "text", text: "E-Commerce"},
|
||||
{
|
||||
type: "text", text: "Responsive"},
|
||||
{
|
||||
type: "text", text: "3D Design"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
title="Bhuvan Web Studios: Digital Excellence"
|
||||
description="Crafting high-converting, modern digital experiences for brands worldwide."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30142.jpg", imageAlt: "Creative Digital" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-13853.jpg", imageAlt: "Networking" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg", imageAlt: "Innovation" }
|
||||
]}
|
||||
buttons={[{ text: "Get a Free Demo", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Expert Web Design For Ambitious Businesses"
|
||||
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: "50+", title: "Happy Clients"},
|
||||
{
|
||||
value: "5+", title: "Years Experience"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="Our Global Impact"
|
||||
metrics={[
|
||||
{ icon: CheckCircle, label: "Projects Done", value: "100+" },
|
||||
{ icon: Zap, label: "Efficiency", value: "99%" },
|
||||
{ icon: Code2, label: "Tech Stack", value: "15+" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
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", imageAlt: "abstract tech background dark blue"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Layout,
|
||||
text: "Business Website Design"},
|
||||
{
|
||||
icon: ShoppingBag,
|
||||
text: "E-Commerce Development"},
|
||||
{
|
||||
icon: Layers,
|
||||
text: "Landing Page Design"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
icon: Search,
|
||||
text: "SEO Optimization"},
|
||||
{
|
||||
icon: Box,
|
||||
text: "3D & Interactive Elements"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
]}
|
||||
title="Professional Services to Scale Your Presence"
|
||||
description="We offer comprehensive solutions tailored to your unique business needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyThree
|
||||
title="Our Premium Services"
|
||||
description="We build robust digital solutions for your business."
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{ id: "s1", title: "Web Design", tags: ["Custom", "Responsive"] },
|
||||
{ id: "s2", title: "E-Commerce", tags: ["Scalable", "Fast"] },
|
||||
{ id: "s3", title: "SEO Strategy", tags: ["Data-Driven", "Ranked"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-choose" data-section="why-choose">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "High Conversion", description: "Designs that actually drive sales."},
|
||||
{
|
||||
id: "m2", value: "Affordable", description: "Premium quality at fair pricing."},
|
||||
{
|
||||
id: "m3", value: "Fast Delivery", description: "Timely project completion guaranteed."},
|
||||
{
|
||||
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."
|
||||
/>
|
||||
</div>
|
||||
<div id="why-choose" data-section="why-choose">
|
||||
<MetricCardOne
|
||||
title="Why Choose Bhuvan Web Studios?"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "m1", icon: BarChart3, value: "3x", title: "Conversion", description: "Optimized layouts for growth." },
|
||||
{ id: "m2", icon: Bot, value: "AI", title: "Automation", description: "Smart, modern web features." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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: "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: "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: "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."
|
||||
/>
|
||||
</div>
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardFour
|
||||
title="Featured Projects"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="scale-rotate"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Enterprise Site", price: "$1500", variant: "Web", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-smartphone-with-jump-rope-weight_23-2148523318.jpg" },
|
||||
{ id: "2", name: "E-Store UI", price: "$2200", variant: "App", imageSrc: "http://img.b2bpic.net/free-photo/chic-cosmetics-trendy-vogue-fashion-concept_53876-124967.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
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: "premium", badge: "Elite", price: "$750", subtitle: "Best for growth.", features: [
|
||||
"E-Commerce features", "Interactive 3D", "Premium support", "Priority hosting"],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Package"
|
||||
description="Transparent pricing for every stage of your business growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
title="Transparent Pricing"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
plans={[
|
||||
{ id: "p1", badge: "Starter", price: "$299", subtitle: "Essential growth.", buttons: [{ text: "Select" }], features: ["Responsive design", "Basic SEO"] },
|
||||
{ id: "p2", badge: "Enterprise", price: "$999", subtitle: "Scale quickly.", buttons: [{ text: "Select" }], features: ["Custom features", "Priority Support"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
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: "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: "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"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Social Proof"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
title="What Partners Say"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex R.", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to Grow Your Business Online?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Free Consultation", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Contact Us"
|
||||
title="Get Your Project Started"
|
||||
description="We are ready to design your success. Reach out today."
|
||||
buttons={[{ text: "Start Now", href: "#contact" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Bhuvan Web Studios"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Email: hello@bhuvanstudios.com", href: "mailto:hello@bhuvanstudios.com"},
|
||||
{
|
||||
label: "WhatsApp", href: "https://wa.me/yournumber"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Bhuvan Web Studios. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Bhuvan Web Studios"
|
||||
columns={[
|
||||
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user