152 lines
8.5 KiB
TypeScript
152 lines
8.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Award, TrendingUp, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Services", id: "#features" },
|
|
{ name: "Results", id: "#metrics" },
|
|
{ name: "Testimonials", id: "#testimonials" },
|
|
{ name: "Contact", id: "#contact" },
|
|
]}
|
|
brandName="ELEVATE"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{ variant: "rotated-rays-animated" }}
|
|
title="Redefining Digital Authority"
|
|
description="We craft premium social media strategies that turn brands into industry leaders. Precision-engineered growth, visual storytelling, and high-conversion content."
|
|
carouselItems={[
|
|
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-blue-light-streaks-abstract-background_84443-73897.jpg", imageAlt: "Luxury lifestyle brand" },
|
|
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/view-skyscraphers-city_53876-15067.jpg", imageAlt: "Tech startup innovation" },
|
|
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-portrait-beautiful-sexy-stylish-caucasian-young-woman-model-black-clothes_158538-13724.jpg", imageAlt: "Fashion editorial content" },
|
|
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/manager-showing-african-clientannual-financial-report-wearing-face-mask-against-covid19_482257-2041.jpg", imageAlt: "Global brand strategy" },
|
|
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-dining-room-interior-design-with-ceiling-lamps_53876-128669.jpg", imageAlt: "Digital creative studio" },
|
|
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/cooking-handmade-gingerbread-with-symbols-ukraine-icing_169016-19977.jpg", imageAlt: "Influencer marketing campaign" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
title="Beyond Vanity Metrics"
|
|
buttons={[{ text: "Our Methodology", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
textboxLayout="inline-image"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: 1, title: "Influencer Strategy", description: "High-impact creator partnerships.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182559.jpg" },
|
|
{ id: 2, title: "Content Production", description: "Cinematic visual assets.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-singing-with-microphone_23-2149215524.jpg" },
|
|
{ id: 3, title: "Data Analytics", description: "ROI-focused performance.", imageSrc: "http://img.b2bpic.net/free-vector/flat-construction-infographic-template_23-2149563920.jpg" },
|
|
]}
|
|
title="Complete Digital Dominance"
|
|
description="Comprehensive suite of services tailored for high-growth brands."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="depth-3d"
|
|
gridVariant="bento-grid"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{ id: "m1", value: "500%", title: "Avg. Engagement Lift", description: "Per quarter growth.", icon: TrendingUp },
|
|
{ id: "m2", value: "2.1M+", title: "Total Reach", description: "Across networks.", icon: Users },
|
|
{ id: "m3", value: "120+", title: "Campaigns Executed", description: "Globally scaled.", icon: Award },
|
|
]}
|
|
title="Proven Performance"
|
|
description="Measurable results delivered for elite clients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
showRating={true}
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "Elena Vance", handle: "@elena_ceo", testimonial: "Transformative results. My brand finally feels premium.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg?_wi=1" },
|
|
{ id: "t2", name: "Marcus Thorne", handle: "@thorne_tech", testimonial: "Strategic genius. Highly recommended for scaling.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg" },
|
|
{ id: "t3", name: "Sofia Rossi", handle: "@sofia_fashion", testimonial: "The creative direction is unmatched in the industry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg" },
|
|
{ id: "t4", name: "James Chen", handle: "@chen_ventures", testimonial: "ROI focused and highly communicative. True professionals.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-male-walking-street_158595-4694.jpg" },
|
|
{ id: "t5", name: "Sarah Jenkins", handle: "@sj_design", testimonial: "Incredible partnership that redefined our digital presence completely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg?_wi=2" },
|
|
]}
|
|
title="Trusted by Visionaries"
|
|
description="Hear from the industry leaders who trust us to elevate their brands."
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={["Apex", "Velocity", "Zenith", "Flux", "Core", "Nexus", "Prism"]}
|
|
title="Partners in Innovation"
|
|
description="We collaborate with industry trailblazers."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Start Your Evolution"
|
|
description="Ready to take your social presence to the next level? Request a custom strategy session."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Tell us about your brand...", required: true }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/laptop-office-desk-with-chair-notebook_23-2148821922.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="ELEVATE"
|
|
leftLink={{ text: "Terms of Service", href: "#" }}
|
|
rightLink={{ text: "Privacy Policy", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |