Merge version_1 into main #3
250
src/app/page.tsx
250
src/app/page.tsx
@@ -13,169 +13,107 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Portfolio", id: "/portfolio"},
|
||||
{
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book Free Consultation", href: "/contact"}}
|
||||
brandName="DIGITAL DARWAAZA"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{ text: "Book Free Consultation", href: "/contact" }}
|
||||
brandName="DIGITAL DARWAAZA"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="We Open The Digital Door To Explosive Business Growth"
|
||||
description="We build powerful digital presences that convert visitors into customers — SEO, social media, web design, and performance marketing, all under one roof."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services", href: "/services"},
|
||||
{
|
||||
text: "View Our Work", href: "/portfolio"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png", imageAlt: "Digital Darwaaza Agency Hero"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png", imageAlt: "Growth Analytics"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png", imageAlt: "Meta Marketing Success"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png", imageAlt: "Web Design Excellence"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png", imageAlt: "Brand Transformation"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png", imageAlt: "Business Scaling"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="We Open The Digital Door To Explosive Business Growth"
|
||||
description="We build powerful digital presences that convert visitors into customers — SEO, social media, web design, and performance marketing, all under one roof."
|
||||
buttons={[
|
||||
{ text: "Explore Services", href: "/services" },
|
||||
{ text: "View Our Work", href: "/portfolio" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png", imageAlt: "Digital Darwaaza Agency Hero" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png", imageAlt: "Growth Analytics" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png", imageAlt: "Meta Marketing Success" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png", imageAlt: "Web Design Excellence" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png", imageAlt: "Brand Transformation" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="centered"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", title: "Projects Delivered", subtitle: "Top Tier Execution", category: "Scale", value: "50+"},
|
||||
{
|
||||
id: "m2", title: "Happy Clients", subtitle: "Global Brand Reach", category: "Retention", value: "30+"},
|
||||
{
|
||||
id: "m3", title: "Average ROAS", subtitle: "Performance Marketing", category: "Profit", value: "300%"},
|
||||
{
|
||||
id: "m4", title: "Industry Exp", subtitle: "Seasoned Expertise", category: "Time", value: "3 Yrs"},
|
||||
{
|
||||
id: "m5", title: "Retention Rate", subtitle: "Long Term Partnership", category: "Trust", value: "95%"},
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="We measure our success by your ROI."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
metrics={[
|
||||
{ id: "m1", title: "Projects Delivered", subtitle: "Top Tier Execution", category: "Scale", value: "50+" },
|
||||
{ id: "m2", title: "Happy Clients", subtitle: "Global Brand Reach", category: "Retention", value: "30+" },
|
||||
{ id: "m3", title: "Average ROAS", subtitle: "Performance Marketing", category: "Profit", value: "300%" },
|
||||
{ id: "m4", title: "Industry Exp", subtitle: "Seasoned Expertise", category: "Time", value: "3 Yrs" },
|
||||
{ id: "m5", title: "Retention Rate", subtitle: "Long Term Partnership", category: "Trust", value: "95%" },
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="We measure our success by your ROI."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Meta Ads & Marketing", description: "Data-driven Facebook & Instagram campaigns that convert browsers into buyers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-high-quality-showcase-of-a-modern-webs-1774948289037-560f437b.png"},
|
||||
{
|
||||
id: 2,
|
||||
title: "SEO Optimization", description: "Boost your visibility and rank higher in search results organically.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-vibrant-and-professional-showcase-of-a-1774948288793-87392a1a.png"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Web Development", description: "High-performing, responsive websites built to impress and convert.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/elegant-and-modern-web-interface-design--1774948290368-84bcb453.png"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Content Strategy", description: "Captivating creative that tells your brand story effectively.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-high-quality-showcase-of-a-modern-webs-1774948289037-560f437b.png"},
|
||||
{
|
||||
id: 5,
|
||||
title: "Branding", description: "Create a distinct identity that stands out in the marketplace.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-vibrant-and-professional-showcase-of-a-1774948288793-87392a1a.png"},
|
||||
]}
|
||||
title="Services That Drive Results"
|
||||
description="From Meta Ads to full-scale web development — we have every digital touchpoint covered for your brand's unstoppable growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: 1, title: "Meta Ads & Marketing", description: "Data-driven Facebook & Instagram campaigns that convert browsers into buyers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-high-quality-showcase-of-a-modern-webs-1774948289037-560f437b.png" },
|
||||
{ id: 2, title: "SEO Optimization", description: "Boost your visibility and rank higher in search results organically.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-vibrant-and-professional-showcase-of-a-1774948288793-87392a1a.png" },
|
||||
{ id: 3, title: "Web Development", description: "High-performing, responsive websites built to impress and convert.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/elegant-and-modern-web-interface-design--1774948290368-84bcb453.png" },
|
||||
{ id: 4, title: "Content Strategy", description: "Captivating creative that tells your brand story effectively.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-high-quality-showcase-of-a-modern-webs-1774948289037-560f437b.png" },
|
||||
{ id: 5, title: "Branding", description: "Create a distinct identity that stands out in the marketplace.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-vibrant-and-professional-showcase-of-a-1774948288793-87392a1a.png" },
|
||||
]}
|
||||
title="Services That Drive Results"
|
||||
description="From Meta Ads to full-scale web development — we have every digital touchpoint covered for your brand's unstoppable growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Ready to Grow?"
|
||||
description="Book a free consultation and discover exactly how we'll take your business to the next level."
|
||||
buttonText="Book Now"
|
||||
tag="Get Started"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Ready to Grow?"
|
||||
description="Book a free consultation and discover exactly how we'll take your business to the next level."
|
||||
buttonText="Book Now"
|
||||
tag="Get Started"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="We partner with ambitious brands to accelerate their growth through data and creative."
|
||||
tag="Our Partners"
|
||||
names={[
|
||||
"Global Tech", "Innovate Inc", "Retail Giants", "Finance Pro", "Health First"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "Portfolio", href: "/portfolio"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Blog", href: "/blog"},
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Digital Darwaaza. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Portfolio", href: "/portfolio" }] },
|
||||
{ title: "Support", items: [{ label: "About Us", href: "/about" }, { label: "Blog", href: "/blog" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
copyrightText="© 2026 Digital Darwaaza. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user