Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-07 04:54:42 +00:00

View File

@@ -27,455 +27,102 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Work",
id: "portfolio",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="WebZyy"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Work", id: "portfolio" },
{ name: "Pricing", id: "pricing" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="WebZyy"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "glowing-orb",
}}
title="Everything You Need to Grow Online 🚀"
description="End-to-end web solutions designed to help your business attract, engage, and convert customers."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=1",
imageAlt: "Warm 3D Orb",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=2",
imageAlt: "Warm 3D Orb",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=3",
imageAlt: "Warm 3D Orb",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=4",
imageAlt: "Warm 3D Orb",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=5",
imageAlt: "Warm 3D Orb",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=6",
imageAlt: "Warm 3D Orb",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=7",
imageAlt: "Warm 3D Orb",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=8",
imageAlt: "Warm 3D Orb",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=9",
imageAlt: "Warm 3D Orb",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=10",
imageAlt: "Warm 3D Orb",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=11",
imageAlt: "Warm 3D Orb",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=12",
imageAlt: "Warm 3D Orb",
},
]}
buttons={[
{
text: "Start Your Project",
href: "#contact",
},
{
text: "View Our Work",
href: "#portfolio",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg",
alt: "Client 5",
},
]}
avatarText="Trusted by 500+ happy clients"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/battery-full-sign-right-side-with-white-background_187299-39725.jpg",
alt: "Partner 1",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/social-media-communication-concept_23-2150822056.jpg",
alt: "Partner 2",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/light-bulb-left-side-with-white-background_187299-39887.jpg",
alt: "Partner 3",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/3d-weather-forecast-icons-set-white-background_107791-17771.jpg",
alt: "Partner 4",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/communication-social-media-icons-smartphone-device_23-2150781041.jpg",
alt: "Partner 5",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "glowing-orb" }}
title="Everything You Need to Grow Online 🚀"
description="End-to-end web solutions designed to help your business attract, engage, and convert customers."
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }]}
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }]}
buttons={[{ text: "Start Your Project", href: "#contact" }, { text: "View Our Work", href: "#portfolio" }]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "1",
title: "Custom Website Design",
descriptions: [
"Tailored aesthetic that reflects your brand personality.",
],
imageSrc: "http://img.b2bpic.net/free-photo/battery-full-sign-right-side-with-white-background_187299-39725.jpg?_wi=1",
},
{
id: "2",
title: "SEO Optimization",
descriptions: [
"Get found by your dream clients on Google.",
],
imageSrc: "http://img.b2bpic.net/free-photo/social-media-communication-concept_23-2150822056.jpg?_wi=1",
},
{
id: "3",
title: "Speed Optimization",
descriptions: [
"Lightning fast load times for better retention.",
],
imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-left-side-with-white-background_187299-39887.jpg",
},
{
id: "4",
title: "Conversion-Focused UI",
descriptions: [
"Intuitive layouts that drive action.",
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-weather-forecast-icons-set-white-background_107791-17771.jpg",
},
{
id: "5",
title: "Mobile-First Approach",
descriptions: [
"Perfect experiences on any screen size.",
],
imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-smartphone-device_23-2150781041.jpg",
},
{
id: "6",
title: "Security & Maintenance",
descriptions: [
"Keeping your site safe, updated, and robust.",
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004309.jpg",
},
]}
title="Everything You Need to Grow Online"
description="We craft experiences that turn visitors into loyal customers through expert design and strategy."
buttons={[
{
text: "Let's Build Your Website →",
href: "#contact",
},
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[{ id: "1", title: "Custom Website Design", descriptions: ["Tailored aesthetic that reflects your brand personality."], imageSrc: "http://img.b2bpic.net/free-photo/battery-full-sign-right-side-with-white-background_187299-39725.jpg" }, { id: "2", title: "SEO Optimization", descriptions: ["Get found by your dream clients on Google."], imageSrc: "http://img.b2bpic.net/free-photo/social-media-communication-concept_23-2150822056.jpg" }, { id: "3", title: "Speed Optimization", descriptions: ["Lightning fast load times for better retention."], imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-left-side-with-white-background_187299-39887.jpg" }, { id: "4", title: "Conversion-Focused UI", descriptions: ["Intuitive layouts that drive action."], imageSrc: "http://img.b2bpic.net/free-photo/3d-weather-forecast-icons-set-white-background_107791-17771.jpg" }, { id: "5", title: "Mobile-First Approach", descriptions: ["Perfect experiences on any screen size."], imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-smartphone-device_23-2150781041.jpg" }, { id: "6", title: "Security & Maintenance", descriptions: ["Keeping your site safe, updated, and robust."], imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004309.jpg" }]}
title="Everything You Need to Grow Online"
description="We craft experiences that turn visitors into loyal customers through expert design and strategy."
buttons={[{ text: "Let's Build Your Website →", href: "#contact" }]}
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardFour
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Business Website",
price: "3x Traffic Growth",
variant: "Case Study",
imageSrc: "http://img.b2bpic.net/free-psd/swiss-design-instagram-stories-set_23-2148876347.jpg?_wi=1",
},
{
id: "p2",
name: "E-commerce Platform",
price: "Higher Conversions",
variant: "Case Study",
imageSrc: "http://img.b2bpic.net/free-photo/shopping-bag-creditcard-lipgloss-concept_53876-23200.jpg?_wi=1",
},
{
id: "p3",
name: "High-Lead Landing Page",
price: "More Leads",
variant: "Case Study",
imageSrc: "http://img.b2bpic.net/free-photo/orange-leaf-organic-background_23-2148872833.jpg?_wi=1",
},
{
id: "p4",
name: "Corporate Portal",
price: "Efficiency Gains",
variant: "Case Study",
imageSrc: "http://img.b2bpic.net/free-psd/swiss-design-instagram-stories-set_23-2148876347.jpg?_wi=2",
},
{
id: "p5",
name: "Personal Branding",
price: "Brand Growth",
variant: "Case Study",
imageSrc: "http://img.b2bpic.net/free-photo/shopping-bag-creditcard-lipgloss-concept_53876-23200.jpg?_wi=2",
},
{
id: "p6",
name: "Saas Dashboard",
price: "User Retention",
variant: "Case Study",
imageSrc: "http://img.b2bpic.net/free-photo/orange-leaf-organic-background_23-2148872833.jpg?_wi=2",
},
]}
title="Our Work Speaks for Itself"
description="Real websites. Real results. See how we help businesses grow online."
buttons={[
{
text: "View Full Portfolio →",
href: "#",
},
]}
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardFour
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
animationType="slide-up"
products={[{ id: "p1", name: "Business Website", price: "3x Traffic Growth", variant: "Case Study", imageSrc: "http://img.b2bpic.net/free-psd/swiss-design-instagram-stories-set_23-2148876347.jpg" }, { id: "p2", name: "E-commerce Platform", price: "Higher Conversions", variant: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/shopping-bag-creditcard-lipgloss-concept_53876-23200.jpg" }, { id: "p3", name: "High-Lead Landing Page", price: "More Leads", variant: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/orange-leaf-organic-background_23-2148872833.jpg" }]}
title="Our Work Speaks for Itself"
description="Real websites. Real results. See how we help businesses grow online."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
title: "Basic",
price: "₹4,999",
period: "/ project",
features: [
"Responsive Layout",
"Basic SEO",
"Contact Form",
],
button: {
text: "Get Started Today →",
},
imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=13",
imageAlt: "glowing golden 3D orb",
},
{
id: "standard",
title: "Standard",
price: "₹9,999",
period: "/ project",
features: [
"Everything in Basic",
"Advanced SEO",
"3 Months Support",
],
button: {
text: "Get Started Today →",
},
imageSrc: "http://img.b2bpic.net/free-photo/battery-full-sign-right-side-with-white-background_187299-39725.jpg?_wi=2",
imageAlt: "3D web design icon",
},
{
id: "premium",
title: "Premium",
price: "₹19,999",
period: "/ project",
features: [
"Everything in Standard",
"E-commerce Integration",
"1 Year Priority",
],
button: {
text: "Get Started Today →",
},
imageSrc: "http://img.b2bpic.net/free-photo/social-media-communication-concept_23-2150822056.jpg?_wi=2",
imageAlt: "3D SEO icon",
},
]}
title="Simple Pricing for Every Business"
description="Choose the level that matches your current growth stage."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[{ id: "basic", title: "Basic", price: "₹4,999", period: "/ project", features: ["Responsive Layout", "Basic SEO", "Contact Form"], button: { text: "Get Started" } }, { id: "standard", title: "Standard", price: "₹9,999", period: "/ project", features: ["Everything in Basic", "Advanced SEO", "3 Months Support"], button: { text: "Get Started" } }, { id: "premium", title: "Premium", price: "₹19,999", period: "/ project", features: ["Everything in Standard", "E-commerce Integration", "1 Year Priority"], button: { text: "Get Started" } }]}
title="Simple Pricing for Every Business"
description="Choose the level that matches your current growth stage."
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "At WebZyy, we are passionate about helping businesses succeed online. We don't just build websites — we build growth engines.",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/realistic-texture-with-peach-fuzz-shade_23-2151485184.jpg",
alt: "Warm Glowing Amber Blob",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[{ type: "text", content: "At WebZyy, we are passionate about helping businesses succeed online." }, { type: "image", src: "http://img.b2bpic.net/free-photo/realistic-texture-with-peach-fuzz-shade_23-2151485184.jpg" }]}
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"AlphaTech",
"GrowthInc",
"GlobalDesign",
"Innovate",
"Zenith",
"BrightFuture",
"ClearVision",
]}
title="Trusted by 100+ Clients"
description="3x Traffic Growth | 100+ Projects | 24hr Response Time"
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
names={["AlphaTech", "GrowthInc", "GlobalDesign", "Innovate", "Zenith"]}
title="Trusted by 100+ Clients"
description="3x Traffic Growth | 100+ Projects"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
tag="Let's Build Something Great"
title="We're Ready for Your Project"
description="Interested in working together? Send us a message or WhatsApp. We reply within 24 hours."
buttons={[
{
text: "Send Email",
href: "mailto:hello@webzyy.com",
},
{
text: "Message on WhatsApp",
href: "https://wa.me/yournumber",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Let's Build Something Great"
title="We're Ready for Your Project"
description="Interested in working together? Send us a message."
buttons={[{ text: "Send Email", href: "mailto:hello@webzyy.com" }, { text: "WhatsApp", href: "https://wa.me/yournumber" }]}
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Services",
href: "#services",
},
{
label: "Portfolio",
href: "#portfolio",
},
],
},
{
items: [
{
label: "Pricing",
href: "#pricing",
},
{
label: "About",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="WebZyy"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="WebZyy"
columns={[{ items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }] }, { items: [{ label: "Pricing", href: "#pricing" }, { label: "Contact", href: "#contact" }] }]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}