Merge version_1 into main #2
393
src/app/page.tsx
393
src/app/page.tsx
@@ -14,288 +14,133 @@ import { Award, TrendingUp, Users } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="grid"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="grid"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Vantage Media"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Results", id: "testimonials" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Vantage Media"
|
||||
button={{ text: "Start Project", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="VANTAGE MEDIA"
|
||||
description="We bridge the gap between world-class brands and their digital future through hyper-targeted social growth and premium content strategy."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-particle-design_1048-12790.jpg?_wi=1",
|
||||
imageAlt: "Abstract luxury gradient",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-workspace-with-sheet-paper-laptop_23-2148430808.jpg?_wi=1",
|
||||
imageAlt: "Minimalist office interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-wireframe-digital-gray-background-polygonal-network-structure-connection_90220-491.jpg?_wi=1",
|
||||
imageAlt: "Social network visualization",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-purple-neon-light-tube-dark-backdrop_23-2147881290.jpg",
|
||||
imageAlt: "Floating metallic shapes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/idea-concept-with-light-bulb_23-2149105868.jpg",
|
||||
imageAlt: "Creative marketing concept",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913923.jpg",
|
||||
imageAlt: "Futuristic UI overlay",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="VANTAGE MEDIA"
|
||||
description="We bridge the gap between world-class brands and their digital future through hyper-targeted social growth and premium content strategy."
|
||||
buttons={[{ text: "Start Project", href: "#contact" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-particle-design_1048-12790.jpg", imageAlt: "Abstract luxury gradient" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-workspace-with-sheet-paper-laptop_23-2148430808.jpg", imageAlt: "Minimalist office interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/monochrome-wireframe-digital-gray-background-polygonal-network-structure-connection_90220-491.jpg", imageAlt: "Social network visualization" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/red-purple-neon-light-tube-dark-backdrop_23-2147881290.jpg", imageAlt: "Floating metallic shapes" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/idea-concept-with-light-bulb_23-2149105868.jpg", imageAlt: "Creative marketing concept" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913923.jpg", imageAlt: "Futuristic UI overlay" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Data-Driven Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Revenue Growth",
|
||||
value: "150%",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Audience Reached",
|
||||
value: "2.4M+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Industry Awards",
|
||||
value: "12",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Data-Driven Excellence"
|
||||
metrics={[
|
||||
{ icon: TrendingUp, label: "Revenue Growth", value: "150%" },
|
||||
{ icon: Users, label: "Audience Reached", value: "2.4M+" },
|
||||
{ icon: Award, label: "Industry Awards", value: "12" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Brand Strategy",
|
||||
description: "Defining your digital identity with precision and purpose.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-businesswoman-strict-clothes-black-jacket-holding-her-phone-light-white-surface_140725-64239.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-57447.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-particle-design_1048-12790.jpg?_wi=2",
|
||||
imageAlt: "luxury tech abstract dark background",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Growth Engine",
|
||||
description: "High-converting social campaigns backed by proprietary data models.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-black-friday-inscription-black-white-table_23-2147957632.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729044.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-workspace-with-sheet-paper-laptop_23-2148430808.jpg?_wi=2",
|
||||
imageAlt: "luxury agency office interior dark",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Creative Content",
|
||||
description: "High-end visual production designed for maximum platform engagement.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teamwork-makes-dream-work-motivation-quote-message-box_53876-121429.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-wireframe-digital-gray-background-polygonal-network-structure-connection_90220-491.jpg?_wi=2",
|
||||
imageAlt: "social media data visualization dark",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Premium Agency Services"
|
||||
description="We don't just post content; we engineer growth through specialized digital methodologies."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: 1, title: "Brand Strategy", description: "Defining your digital identity with precision and purpose.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-businesswoman-strict-clothes-black-jacket-holding-her-phone-light-white-surface_140725-64239.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-57447.jpg" } },
|
||||
{ id: 2, title: "Growth Engine", description: "High-converting social campaigns backed by proprietary data models.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-black-friday-inscription-black-white-table_23-2147957632.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729044.jpg" } },
|
||||
{ id: 3, title: "Creative Content", description: "High-end visual production designed for maximum platform engagement.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/teamwork-makes-dream-work-motivation-quote-message-box_53876-121429.jpg" } },
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Premium Agency Services"
|
||||
description="We don't just post content; we engineer growth through specialized digital methodologies."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional",
|
||||
quote: "The most professional agency we have ever worked with.",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO, BrandCo",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e98xcv",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Innovative",
|
||||
quote: "Their strategy completely transformed our social reach.",
|
||||
name: "James Chen",
|
||||
role: "CMO, TechFlow",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0wuwg3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Strategic",
|
||||
quote: "Precise targeting and amazing creative assets.",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Founder, LuxStudio",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p8nl64",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Effective",
|
||||
quote: "Vantage delivers results beyond our quarterly targets.",
|
||||
name: "Mark Stevens",
|
||||
role: "Director, GlobalInc",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ji9f5y",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Creative",
|
||||
quote: "A true partner in our digital evolution.",
|
||||
name: "Anna Petrova",
|
||||
role: "Founder, CreativeArt",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=smizjg",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Market Leaders"
|
||||
description="See why top-tier brands choose Vantage to scale their presence."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Exceptional", quote: "The most professional agency we have ever worked with.", name: "Sarah Miller", role: "CEO, BrandCo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e98xcv" },
|
||||
{ id: "2", title: "Innovative", quote: "Their strategy completely transformed our social reach.", name: "James Chen", role: "CMO, TechFlow", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0wuwg3" },
|
||||
{ id: "3", title: "Strategic", quote: "Precise targeting and amazing creative assets.", name: "Elena Rodriguez", role: "Founder, LuxStudio", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p8nl64" },
|
||||
{ id: "4", title: "Effective", quote: "Vantage delivers results beyond our quarterly targets.", name: "Mark Stevens", role: "Director, GlobalInc", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ji9f5y" },
|
||||
{ id: "5", title: "Creative", quote: "A true partner in our digital evolution.", name: "Anna Petrova", role: "Founder, CreativeArt", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=smizjg" },
|
||||
]}
|
||||
title="Trusted by Market Leaders"
|
||||
description="See why top-tier brands choose Vantage to scale their presence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Start Your Evolution"
|
||||
description="Ready to scale your digital presence? Let's discuss your goals."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459684.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Start Your Evolution"
|
||||
description="Ready to scale your digital presence? Let's discuss your goals."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459684.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Agency",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Vantage Media"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Agency", items: [
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Vantage Media"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user