267 lines
15 KiB
TypeScript
267 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { BarChart, Bell, Code, Instagram, Lightbulb, Linkedin, PenTool, Search, Sparkles, X } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="fluid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Clients", id: "#clients"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Team", id: "#team"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/cute-influencer-talent-agency-logo-template_742173-17610.jpg"
|
|
logoAlt="Avantgarde Agency Logo"
|
|
brandName="Avantgarde Agency"
|
|
button={{
|
|
text: "Let's Talk", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Design that sells. Strategy that sticks."
|
|
description="We build digital experiences for brands that refuse ordinary. Strategic web design, brand development, and marketing that moves."
|
|
testimonials={[
|
|
{
|
|
name: "Sarah Chen", handle: "@TechInnovate", testimonial: "Avantgarde Agency transformed our digital presence. Their strategic approach and stunning design delivered tangible results far beyond our expectations.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-financial-advisor-office-ready-meet-with-clients_482257-113530.jpg", imageAlt: "Sarah Chen, CEO of TechInnovate"},
|
|
{
|
|
name: "Mark Johnson", handle: "@BrandBuilders", testimonial: "The team at Avantgarde truly understands brand positioning. They crafted a unique identity that resonates deeply with our target audience.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-work-connect-with-others_23-2149369109.jpg", imageAlt: "Mark Johnson, Founder of BrandBuilders"},
|
|
{
|
|
name: "Emily White", handle: "@GrowthMasters", testimonial: "Their marketing strategy was revolutionary. Avantgarde Agency helped us achieve unprecedented growth and market penetration.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-wooden-piece-colorful-balls_23-2149382449.jpg", imageAlt: "Emily White, Marketing Director at GrowthMasters"},
|
|
{
|
|
name: "David Kim", handle: "@FutureLabs", testimonial: "Working with Avantgarde was a seamless experience. Their creative solutions are innovative, and their execution is flawless.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9663.jpg", imageAlt: "David Kim, CTO of FutureLabs"},
|
|
{
|
|
name: "Olivia Rodriguez", handle: "@DesignForward", testimonial: "Avantgarde Agency brought our vision to life with an aesthetic and functionality that set us apart. Highly recommended for premium design.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/swirled-film-stripes-from-camcorder-blue-background_23-2148188158.jpg", imageAlt: "Olivia Rodriguez, Creative Lead at DesignForward"},
|
|
]}
|
|
tag="Elevate Your Brand"
|
|
tagIcon={Sparkles}
|
|
buttons={[
|
|
{
|
|
text: "Let's talk", href: "#contact"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/set-different-people-pets-avatars-icons_107791-15573.jpg", alt: "Client Avatar 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/email-signature-collection-gradient-colors_23-2147814546.jpg", alt: "Client Avatar 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100259.jpg", alt: "Client Avatar 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/flat-design-geometric-pattern-illustration_23-2149935703.jpg", alt: "Client Avatar 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/avatars-business-team-flat-design_23-2147575478.jpg", alt: "Avatars business team in flat design"},
|
|
]}
|
|
avatarText="Join our growing list of visionary clients."
|
|
imageSrc="http://img.b2bpic.net/free-photo/light-rays-prism_23-2148771772.jpg"
|
|
imageAlt="Abstract digital design illustrating avant-garde agency work"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Web Design", icon: Code,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Brand Strategy", icon: Lightbulb,
|
|
},
|
|
{
|
|
type: "text-icon", text: "SEO Optimization", icon: Search,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Content Creation", icon: PenTool,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Digital Marketing", icon: Bell,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Analytics & Insights", icon: BarChart,
|
|
},
|
|
]}
|
|
showMarqueeCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{
|
|
type: "text", content: "We are "},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/blue-wall-with-white-brush-background_1409-1330.jpg", alt: "Abstract avant-garde graphic"},
|
|
{
|
|
type: "text", content: "Avantgarde. A team that transforms brands and redefines digital experiences with unparalleled creativity and strategic insight. We don't just build websites; we craft legacies."},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#services"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNineteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
tag: "Design Excellence", title: "Avant-garde Web Design", subtitle: "Crafting visually stunning and highly functional digital platforms.", description: "Our web design goes beyond aesthetics, focusing on intuitive user experiences and conversion-optimized layouts that reflect your brand's unique identity.", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-modern-app-interface_1098-21575.jpg", imageAlt: "Minimalist website wireframes"},
|
|
{
|
|
tag: "Core Identity", title: "Brand Development", subtitle: "Building powerful and memorable brand narratives from the ground up.", description: "We dive deep into your brand's essence to forge a distinct voice, visual identity, and market position that captivates your audience and stands the test of time.", imageSrc: "http://img.b2bpic.net/free-photo/minimal-surrealistic-abstract-background_23-2151896352.jpg", imageAlt: "Abstract graphic representing brand strategy"},
|
|
{
|
|
tag: "Digital Growth", title: "Integrated Marketing Strategy", subtitle: "Driving measurable growth through holistic and targeted campaigns.", description: "From SEO to content and social media, our integrated strategies ensure your message reaches the right audience, at the right time, with maximum impact.", imageSrc: "http://img.b2bpic.net/free-photo/badminton-concept-with-dramatic-lighting_23-2149940932.jpg", imageAlt: "Abstract network of digital marketing channels"},
|
|
]}
|
|
title="Our Strategic Offerings"
|
|
description="We specialize in bespoke digital solutions, blending cutting-edge design with data-driven strategy to deliver impactful results for brands that aspire to lead."
|
|
/>
|
|
</div>
|
|
|
|
<div id="clients" data-section="clients">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"SynergyTech", "InnovateX", "Quantum Leap", "PixelPulse", "Nexus Brands", "Vanguard Solutions", "Echo Digital"]}
|
|
title="Trusted by Visionaries"
|
|
description="We're proud to partner with innovative startups and established midmarket brands that share our passion for excellence and refusal of the ordinary."
|
|
showCard={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Alexandria Lee", role: "CEO", company: "SynergyTech", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Alexandria Lee, CEO of SynergyTech"},
|
|
{
|
|
id: "2", name: "Marcus Thorne", role: "Marketing Director", company: "InnovateX", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", imageAlt: "Marcus Thorne, Marketing Director at InnovateX"},
|
|
{
|
|
id: "3", name: "Sophia Ramirez", role: "Founder", company: "Quantum Leap", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-man-dressed-elegant-beige-checkered-suit_158538-4391.jpg", imageAlt: "Sophia Ramirez, Founder of Quantum Leap"},
|
|
{
|
|
id: "4", name: "Ethan Carter", role: "Brand Strategist", company: "PixelPulse", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg", imageAlt: "Ethan Carter, Brand Strategist at PixelPulse"},
|
|
{
|
|
id: "5", name: "Isabella Grant", role: "Digital Lead", company: "Nexus Brands", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-spectacles-fashion-male-posing-studio-near-blue-wall-looking-camera-glasses_158538-21056.jpg", imageAlt: "Isabella Grant, Digital Lead at Nexus Brands"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "200%", label: "Average ROI"},
|
|
{
|
|
value: "98%", label: "Client Retention"},
|
|
{
|
|
value: "100+", label: "Successful Projects"},
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Hear directly from the visionary leaders who have partnered with Avantgarde Agency to achieve extraordinary digital success."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
members={[
|
|
{
|
|
id: "1", name: "Maya Singh", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/workers-it-company-working-computer_1303-19431.jpg", imageAlt: "Maya Singh, Creative Director"},
|
|
{
|
|
id: "2", name: "Julian Davies", role: "Lead Strategist", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-concept-with-woman-calling-front-wall_23-2148022569.jpg", imageAlt: "Julian Davies, Lead Strategist"},
|
|
{
|
|
id: "3", name: "Chloe Wong", role: "Head of Design", imageSrc: "http://img.b2bpic.net/free-photo/male-ballroom-performer-posing-stage_23-2149454023.jpg", imageAlt: "Chloe Wong, Head of Design"},
|
|
]}
|
|
title="Meet Our Creative Force"
|
|
description="Our diverse team of strategists, designers, and marketers are united by a singular vision: to create digital experiences that truly stand out."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Get in Touch"
|
|
title="Let's Build Something Extraordinary"
|
|
description="Ready to transform your brand? Reach out to Avantgarde Agency for a consultation and discover how our strategic design and marketing can elevate your presence."
|
|
imageSrc="http://img.b2bpic.net/free-photo/vivid-waterdrops-splashing-yellow_23-2147748885.jpg"
|
|
imageAlt="Abstract digital connection graphic"
|
|
mediaAnimation="opacity"
|
|
inputPlaceholder="Your email address"
|
|
buttonText="Start a Project"
|
|
termsText="By clicking 'Start a Project' you're confirming that you agree with our Terms and Conditions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoSrc="http://img.b2bpic.net/free-vector/cute-influencer-talent-agency-logo-template_742173-17610.jpg"
|
|
logoAlt="Avantgarde Agency Logo"
|
|
logoText="Avantgarde Agency"
|
|
copyrightText="© 2024 Avantgarde Agency. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: X,
|
|
href: "#", ariaLabel: "Follow us on X"},
|
|
{
|
|
icon: Linkedin,
|
|
href: "#", ariaLabel: "Connect with us on LinkedIn"},
|
|
{
|
|
icon: Instagram,
|
|
href: "#", ariaLabel: "Follow us on Instagram"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|