213 lines
11 KiB
TypeScript
213 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Crown, Globe, Info, Mail, Rocket, Sparkles, Star, Tag as TagIcon, Users, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Marketiv"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Get Started", href: "#contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Launch, Grow, Scale Your Brand"
|
|
description="Marketiv helps businesses launch and scale brands using performance marketing, creative strategy, and high-converting digital systems"
|
|
tag="Scaling Brands Digitally"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
buttons={[
|
|
{ text: "Start Your Growth", href: "#contact" },
|
|
{ text: "Learn More", href: "#about" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Alisa Hester", handle: "Marketing Director", testimonial: "Marketiv transformed our brand presence and scaled our revenue 3x in 6 months", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJIg5RiSw6h7sb9S6zjdkuOzI/uploaded-1772641176668-lnd904i6.jpg"},
|
|
{
|
|
name: "Marcus Chen", handle: "Founder, TechScale", testimonial: "Their performance marketing strategy is unmatched. ROI exceeded expectations", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJIg5RiSw6h7sb9S6zjdkuOzI/uploaded-1772641176669-l584n8rf.jpg"},
|
|
{
|
|
name: "Sarah Johnson", handle: "CEO, GrowthCo", testimonial: "Professional team, data-driven approach, and exceptional results. Highly recommend", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJIg5RiSw6h7sb9S6zjdkuOzI/uploaded-1772641176669-4ydqbqhp.jpg"},
|
|
{
|
|
name: "David Kim", handle: "Business Manager", testimonial: "Best investment we made for our digital growth strategy", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJIg5RiSw6h7sb9S6zjdkuOzI/uploaded-1772641176669-l9x68imj.jpg"},
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJIg5RiSw6h7sb9S6zjdkuOzI/uploaded-1772641176669-qgexs0xf.jpg"
|
|
imageAlt="Marketiv brand showcase"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="About Marketiv"
|
|
tagIcon={Info}
|
|
tagAnimation="slide-up"
|
|
title="We are a performance marketing agency helping brands launch, grow, and scale in the digital world. We combine data-driven advertising, creative strategy, and conversion-focused websites to turn ideas into profitable brands."
|
|
buttons={[
|
|
{ text: "Discover Our Work", href: "#services" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNine
|
|
title="Our Services"
|
|
description="Everything your brand needs to scale online"
|
|
tag="What We Offer"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
showStepNumbers={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Performance Marketing", description: "Data-driven advertising campaigns that maximize ROI across Meta, Google, and emerging platforms", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/advertising-digital-marketing-commercial-promotion-concept_53876-15856.jpg?_wi=1", imageAlt: "advertising marketing promotion campaign"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/advertising-digital-marketing-commercial-promotion-concept_53876-15856.jpg?_wi=2", imageAlt: "advertising marketing promotion campaign"},
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Creative Strategy", description: "Compelling creative concepts and content strategy that resonates with your target audience", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-background_52683-68958.jpg?_wi=1", imageAlt: "design creative digital interface"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-background_52683-68958.jpg?_wi=2", imageAlt: "design creative digital interface"},
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Branding & Design", description: "Complete brand identity, logo design, and visual systems that stand out", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-vector/modern-business-card-template-with-geometric-design_23-2147941082.jpg?_wi=1", imageAlt: "branding design logo identity"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-vector/modern-business-card-template-with-geometric-design_23-2147941082.jpg?_wi=2", imageAlt: "branding design logo identity"},
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
title="Pricing That Fits Your Goals and Budget"
|
|
description="Choose the perfect plan to launch or scale your brand"
|
|
tag="Pricing Plans"
|
|
tagIcon={TagIcon}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "basic", badge: "Starter", badgeIcon: Sparkles,
|
|
price: "₹15,000", subtitle: "Perfect for new brands", buttons: [
|
|
{ text: "Choose Plan", href: "#contact" },
|
|
],
|
|
features: [
|
|
"Social media management", "Content strategy & post ideas", "Basic creative designs", "Ad campaigns setup", "Monthly reporting"],
|
|
},
|
|
{
|
|
id: "professional", badge: "Most Popular", badgeIcon: Crown,
|
|
price: "₹35,000", subtitle: "Best for growing brands", buttons: [
|
|
{ text: "Choose Plan", href: "#contact" },
|
|
],
|
|
features: [
|
|
"Everything in Starter", "Performance marketing", "Creative strategy for ads", "Ad copywriting", "Monthly reporting"],
|
|
},
|
|
{
|
|
id: "enterprise", badge: "Enterprise", badgeIcon: Zap,
|
|
price: "₹70,000", subtitle: "For established brands", buttons: [
|
|
{ text: "Choose Plan", href: "#contact" },
|
|
],
|
|
features: [
|
|
"Everything in Professional", "Meta + Google ads management", "Website & landing page creation", "Content scripting for reels & ads", "Advanced creative strategy"],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Brands"
|
|
description="Join hundreds of businesses that have scaled with Marketiv"
|
|
tag="Our Partners"
|
|
tagIcon={Users}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"TechStartup Inc", "Digital Growth Co", "Marketing Pro", "Scale Ventures", "Innovation Labs", "Brand Builders", "Performance Hub", "Growth Agency"]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Ready to Scale?"
|
|
tagIcon={Rocket}
|
|
tagAnimation="slide-up"
|
|
title="Let's Build Your Next Success Story"
|
|
description="Ready to launch, grow, or scale your brand? Get in touch with our team today and let's create something amazing together."
|
|
buttons={[
|
|
{ text: "Contact Us", href: "mailto:helpmarketiv@gmail.com" },
|
|
{ text: "Schedule Call", href: "https://www.marketiv.in" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Marketiv"
|
|
copyrightText="© 2025 | Marketiv. Scaling Brands Digitally."
|
|
socialLinks={[
|
|
{ icon: Mail, href: "mailto:helpmarketiv@gmail.com", ariaLabel: "Email" },
|
|
{ icon: Globe, href: "https://www.marketiv.in", ariaLabel: "Website" },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|