Update src/app/page.tsx
This commit is contained in:
208
src/app/page.tsx
208
src/app/page.tsx
@@ -27,118 +27,118 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Chandigi"
|
||||
button={{ text: "Get Growth Plan", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Chandigi"
|
||||
button={{ text: "Get Growth Plan", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Digital Growth That Drives Real Results"
|
||||
description="Chandigi combines data-driven strategy with creative execution to scale your business. From SEO to paid campaigns, we deliver measurable outcomes."
|
||||
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-uses-digital-graphs-analytics-improve-finance-models_482257-126516.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-dots-lines-connected_1048-11946.jpg" }]}
|
||||
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/employee-holding-laptop-sitting-relax-zone-confortable-couch-typing-pc-smiling-while-diverse-colleagues-working-background-multiethnic-coworkers-planning-new-financial-project-company_482257-13524.jpg" }]}
|
||||
buttons={[{ text: "Get Your Free Strategy Session", href: "/contact" }]}
|
||||
tag="Digital Strategy Experts"
|
||||
tagAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Digital Growth That Drives Real Results"
|
||||
description="Chandigi combines data-driven strategy with creative execution to scale your business. From SEO to paid campaigns, we deliver measurable outcomes."
|
||||
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-uses-digital-graphs-analytics-improve-finance-models_482257-126516.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-dots-lines-connected_1048-11946.jpg" }]}
|
||||
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/employee-holding-laptop-sitting-relax-zone-confortable-couch-typing-pc-smiling-while-diverse-colleagues-working-background-multiethnic-coworkers-planning-new-financial-project-company_482257-13524.jpg" }]}
|
||||
buttons={[{ text: "Get Your Free Strategy Session", href: "/contact" }]}
|
||||
tag="Digital Strategy Experts"
|
||||
tagAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Bridging Print Heritage with Digital Innovation"
|
||||
description="For decades, Chanchal Printing Press has helped businesses build their presence. Chandigi was created to bridge that gap."
|
||||
metrics={[
|
||||
{ value: "100+", title: "Projects Completed" },
|
||||
{ value: "50%", title: "Avg Lead Growth" },
|
||||
{ value: "24/7", title: "Support Ready" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-business-executives-interacting-with-each-other_1170-760.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Bridging Print Heritage with Digital Innovation"
|
||||
description="For decades, Chanchal Printing Press has helped businesses build their presence. Chandigi was created to bridge that gap."
|
||||
metrics={[
|
||||
{ value: "100+", title: "Projects Completed" },
|
||||
{ value: "50%", title: "Avg Lead Growth" },
|
||||
{ value: "24/7", title: "Support Ready" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-business-executives-interacting-with-each-other_1170-760.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Website Development", description: "Fast, beautiful, mobile-first websites that convert.", tag: "Web" },
|
||||
{ id: "f2", title: "Content Creation", description: "Blogs and brand narratives that build trust.", tag: "Content" },
|
||||
{ id: "f3", title: "Paid Advertising", description: "Precision-targeted paid campaigns for ROI.", tag: "Ads" },
|
||||
]}
|
||||
title="Comprehensive Digital Growth Services"
|
||||
description="We offer a full suite of services to ensure your digital presence is optimized for success."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Website Development", description: "Fast, beautiful, mobile-first websites that convert.", tag: "Web" },
|
||||
{ id: "f2", title: "Content Creation", description: "Blogs and brand narratives that build trust.", tag: "Content" },
|
||||
{ id: "f3", title: "Paid Advertising", description: "Precision-targeted paid campaigns for ROI.", tag: "Ads" },
|
||||
]}
|
||||
title="Comprehensive Digital Growth Services"
|
||||
description="We offer a full suite of services to ensure your digital presence is optimized for success."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="Proven Results"
|
||||
tag="Performance"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "2x", description: "Customer Conversion Rate" },
|
||||
{ id: "m2", value: "45%", description: "Reduced Acquisition Cost" },
|
||||
{ id: "m3", value: "80%", description: "Visibility Lift" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="Proven Results"
|
||||
tag="Performance"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "2x", description: "Customer Conversion Rate" },
|
||||
{ id: "m2", value: "45%", description: "Reduced Acquisition Cost" },
|
||||
{ id: "m3", value: "80%", description: "Visibility Lift" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
description="Real results for real partners."
|
||||
testimonials={[{ id: "t1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5 }]}
|
||||
kpiItems={[{ value: "5.0", label: "Rating" }, { value: "100+", label: "Clients" }, { value: "95%", label: "Retention" }]}
|
||||
title="What Clients Say"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
description="Real results for real partners."
|
||||
testimonials={[{ id: "t1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5 }]}
|
||||
kpiItems={[{ value: "5.0", label: "Rating" }, { value: "100+", label: "Clients" }, { value: "95%", label: "Retention" }]}
|
||||
title="What Clients Say"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
faqs={[{ id: "q1", title: "How do we start?", content: "Just tell us about your goals." }]}
|
||||
title="Common Questions"
|
||||
description="Answers to frequently asked questions about our growth services."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
faqs={[{ id: "q1", title: "How do we start?", content: "Just tell us about your goals." }]}
|
||||
title="Common Questions"
|
||||
description="Answers to frequently asked questions about our growth services."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
title="Ready To Grow?"
|
||||
description="Connect with us today."
|
||||
tag="Inquiry"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
title="Ready To Grow?"
|
||||
description="Connect with us today."
|
||||
tag="Inquiry"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Chandigi"
|
||||
columns={[{ title: "Links", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Chandigi"
|
||||
columns={[{ title: "Links", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user