295 lines
14 KiB
TypeScript
295 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Award, Leaf, Lightbulb, Target, TrendingUp, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/#hero"},
|
|
{
|
|
name: "About Us", id: "/about"},
|
|
{
|
|
name: "Services", id: "/#services"},
|
|
{
|
|
name: "Clients", id: "/#clients"},
|
|
{
|
|
name: "Team", id: "/#team"},
|
|
{
|
|
name: "Contact", id: "/contact-us"},
|
|
]}
|
|
brandName="ZConsulting"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "downward-rays-animated-grid"}}
|
|
title="Drive Your Growth with ZConsulting"
|
|
description="Expert marketing strategies tailored for your business. We help you achieve measurable results and connect with your audience effectively."
|
|
testimonials={[
|
|
{
|
|
name: "Ahmed Benali", handle: "@TechSolutions", testimonial: "ZConsulting transformed our online presence. Their data-driven approach delivered incredible ROI and customer engagement.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg", imageAlt: "Ahmed Benali"},
|
|
{
|
|
name: "Fatima Zahra", handle: "@FashionNova", testimonial: "The team at ZConsulting perfectly captured our brand's essence. Our campaigns have never been more impactful!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/american-african-black-beautiful-business_1303-1344.jpg", imageAlt: "Fatima Zahra"},
|
|
{
|
|
name: "Yassine El Amrani", handle: "@StartupSpark", testimonial: "As a startup, we needed a strong launch. ZConsulting provided the strategic guidance and execution we needed to succeed.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-having-short-break-work-home_329181-14567.jpg", imageAlt: "Yassine El Amrani"},
|
|
{
|
|
name: "Nadia Cherkaoui", handle: "@GlobalConnect", testimonial: "Their comprehensive marketing audit was incredibly insightful. We now have a clear roadmap for sustained growth.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-celebrating-birthday_23-2150599010.jpg", imageAlt: "Nadia Cherkaoui"},
|
|
{
|
|
name: "Omar Kettani", handle: "@EcoInnovate", testimonial: "Working with ZConsulting was a game-changer. Their creative campaigns significantly boosted our brand recognition and sales.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-bearded-hipster-jacket-red-sweater-dark-background_613910-1834.jpg", imageAlt: "Omar Kettani"},
|
|
]}
|
|
tag="Your Growth Partner"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Get a Free Consultation", href: "/contact-us"},
|
|
{
|
|
text: "Explore Services", href: "/#services"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "Ahmed Benali"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-hispanic-woman-wearing-business-jacket-looking-confident-camera-smiling-with-crossed-arms-hand-raised-chin-thinking-positive_839833-8974.jpg", alt: "Fatima Zahra"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", alt: "Yassine El Amrani"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-using-touchpad_1262-5858.jpg", alt: "Nadia Cherkaoui"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg", alt: "Confident businessman smiling"},
|
|
]}
|
|
avatarText="Join 200+ thriving businesses"
|
|
imageSrc="http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas-office_176420-1686.jpg"
|
|
imageAlt="Modern marketing agency dashboard"
|
|
mediaAnimation="opacity"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Innovation", icon: Lightbulb,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Strategy", icon: Target,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Results", icon: TrendingUp,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Growth", icon: Leaf,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Success", icon: Award,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{
|
|
type: "text", content: "About "},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas_176420-1680.jpg", alt: "ZConsulting team meeting"},
|
|
{
|
|
type: "text", content: "ZConsulting: Your Strategic Marketing Partner"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More About Us", href: "/about"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "seo", title: "Search Engine Optimization (SEO)", descriptions: [
|
|
"Improve your organic search rankings and drive qualified traffic to your website.", "Comprehensive keyword research, on-page optimization, and technical SEO audits."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-with-magnifier-wooden-background-vertical_176474-6278.jpg", imageAlt: "SEO strategy and analytics"},
|
|
{
|
|
id: "social-media", title: "Social Media Marketing", descriptions: [
|
|
"Build strong brand presence and engage with your audience across all major social platforms.", "Content creation, campaign management, community engagement, and performance tracking."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-woman-recording-video-her-room-has-camera-coffee-table-reviewing_1258-254315.jpg", imageAlt: "Social media marketing content"},
|
|
{
|
|
id: "content-marketing", title: "Content Marketing", descriptions: [
|
|
"Create valuable, relevant content that attracts, engages, and converts your target audience.", "Blog posts, articles, videos, infographics, and email newsletters tailored to your brand."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-computer-laptop-screen-showing-ideas-wooden-table_53876-16088.jpg", imageAlt: "Content marketing strategy"},
|
|
]}
|
|
title="Our Core Services"
|
|
description="We offer a comprehensive suite of digital marketing services designed to elevate your brand and achieve your business objectives."
|
|
/>
|
|
</div>
|
|
|
|
<div id="clients" data-section="clients">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"GlobalCorp", "InnovateX", "FusionTech", "Apex Solutions", "BrightSpark", "Quantum Leap", "Visionary Inc", "Dynamic Co", "Elite Ventures"]}
|
|
title="Trusted by Leading Brands"
|
|
description="Our expertise has helped diverse businesses achieve significant marketing success and growth."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg", imageAlt: "Sarah Johnson"},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg", imageAlt: "Michael Chen"},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-studio-front-view_23-2148846674.jpg", imageAlt: "Emily Rodriguez"},
|
|
{
|
|
id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-middle-age-couple-being-affectionate_23-2149016113.jpg", imageAlt: "David Kim"},
|
|
{
|
|
id: "5", name: "Jessica Lee", role: "Founder", company: "CreativeHub", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-hand-gesture-using-stylus-writing_53876-105189.jpg", imageAlt: "Jessica Lee"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "+200%", label: "Average ROI for clients"},
|
|
{
|
|
value: "98%", label: "Client Satisfaction Rate"},
|
|
{
|
|
value: "10+", label: "Years in Marketing Excellence"},
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Hear directly from the businesses we've helped succeed. Their growth is our greatest accomplishment."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
team={[
|
|
{
|
|
id: "1", name: "Amira Khan", role: "CEO & Lead Strategist", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-leader-talking-assistant-cafe_1262-1842.jpg", imageAlt: "Amira Khan"},
|
|
{
|
|
id: "2", name: "Karim Jilali", role: "Digital Marketing Director", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-digital-tablet_107420-65743.jpg", imageAlt: "Karim Jilali"},
|
|
{
|
|
id: "3", name: "Sofia Belhaj", role: "Head of Content & SEO", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-reading-annual-reports_482257-75598.jpg", imageAlt: "Sofia Belhaj"},
|
|
]}
|
|
title="Meet Our Expert Team"
|
|
description="Our diverse team of marketing professionals brings a wealth of experience and passion to every project."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Let's Grow Your Business"
|
|
description="Ready to take your marketing to the next level? Fill out the form below and we'll get back to you shortly."
|
|
inputs={[
|
|
{
|
|
name: "fullName", type: "text", placeholder: "Your Full Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email Address", required: true,
|
|
},
|
|
{
|
|
name: "company", type: "text", placeholder: "Your Company Name"},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your project and needs...", rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/vacant-office-with-organized-technology_482257-119524.jpg?_wi=2"
|
|
imageAlt="Modern marketing agency office"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "SEO", href: "/#services"},
|
|
{
|
|
label: "Social Media", href: "/#services"},
|
|
{
|
|
label: "Content Marketing", href: "/#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "/about"},
|
|
{
|
|
label: "Team", href: "/#team"},
|
|
{
|
|
label: "Contact", href: "/contact-us"},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{
|
|
label: "Blog", href: "#"},
|
|
{
|
|
label: "Case Studies", href: "#"},
|
|
{
|
|
label: "FAQ", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 ZConsulting. All rights reserved."
|
|
bottomRightText="Crafted with passion in Morocco."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|