Update src/app/page.tsx
This commit is contained in:
283
src/app/page.tsx
283
src/app/page.tsx
@@ -17,181 +17,136 @@ export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="noise"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
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="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="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="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="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"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
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="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"
|
||||
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"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Visionaries"
|
||||
description="Hear from the industry leaders who trust us to elevate their brands."
|
||||
/>
|
||||
</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="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="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>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="ELEVATE"
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user