146 lines
6.0 KiB
TypeScript
146 lines
6.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLarge"
|
|
background="none"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
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="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="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="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="contact" data-section="contact">
|
|
<ContactCenter
|
|
title="Ready To Grow?"
|
|
description="Connect with us today."
|
|
tag="Inquiry"
|
|
background={{ variant: "gradient-bars" }}
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "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>
|
|
);
|
|
}
|