Update src/app/page.tsx
This commit is contained in:
324
src/app/page.tsx
324
src/app/page.tsx
@@ -21,27 +21,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
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">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="MarketStream"
|
||||
/>
|
||||
@@ -49,60 +44,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Scale Your Marketing ROI"
|
||||
description="We combine cutting-edge AI technology with human-centric strategy to drive predictable growth for ambitious brands."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099232.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teaching-business_1098-12790.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-executive-sitting-with-clipboard-office_482257-124725.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-startup-coworking-space-with-office-workspaces-computers-professional-business-space-company-department-spacious-agency-building-interior-modern-executive-environment_482257-67835.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099232.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/teaching-business_1098-12790.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-executive-sitting-with-clipboard-office_482257-124725.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-startup-coworking-space-with-office-workspaces-computers-professional-business-space-company-department-spacious-agency-building-interior-modern-executive-environment_482257-67835.jpg", alt: "Client 5" },
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance Driven",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Powered",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Centric",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Customer Focused",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Results Oriented",
|
||||
},
|
||||
{ type: "text", text: "Performance Driven" },
|
||||
{ type: "text", text: "AI Powered" },
|
||||
{ type: "text", text: "Data Centric" },
|
||||
{ type: "text", text: "Customer Focused" },
|
||||
{ type: "text", text: "Results Oriented" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,27 +71,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.5x",
|
||||
title: "Lead Volume",
|
||||
description: "Average increase in qualified leads.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-presentation-icon-collection_1057-1923.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "62%",
|
||||
title: "CTR Improvement",
|
||||
description: "Enhanced ad performance across channels.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/infographics-with-social-media-graphs_23-2147572610.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "$12M",
|
||||
title: "Revenue Generated",
|
||||
description: "Value delivered to clients in 2023.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/currency-exchange-euro-dollar-gold-coin-currency-money-icon-sign-symbol-business-financial-concept-3d-background-illustration_56104-2007.jpg",
|
||||
},
|
||||
{ id: "m1", value: "4.5x", title: "Lead Volume", description: "Average increase in qualified leads.", imageSrc: "http://img.b2bpic.net/free-vector/business-presentation-icon-collection_1057-1923.jpg" },
|
||||
{ id: "m2", value: "62%", title: "CTR Improvement", description: "Enhanced ad performance across channels.", imageSrc: "http://img.b2bpic.net/free-vector/infographics-with-social-media-graphs_23-2147572610.jpg" },
|
||||
{ id: "m3", value: "$12M", title: "Revenue Generated", description: "Value delivered to clients in 2023.", imageSrc: "http://img.b2bpic.net/free-photo/currency-exchange-euro-dollar-gold-coin-currency-money-icon-sign-symbol-business-financial-concept-3d-background-illustration_56104-2007.jpg" },
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Numbers speak louder than promises. See how we drive growth for our partners."
|
||||
@@ -145,21 +85,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why MarketStream?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Retention Rate",
|
||||
value: "98%",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Deployment Speed",
|
||||
value: "24h",
|
||||
},
|
||||
{ icon: Users, label: "Retention Rate", value: "98%" },
|
||||
{ icon: Award, label: "Years Experience", value: "10+" },
|
||||
{ icon: Zap, label: "Deployment Speed", value: "24h" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -170,21 +98,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Search Engine Mastery",
|
||||
description: "Dominate Google search results with custom technical SEO frameworks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/seo-sem-icon-design_23-2151976986.jpg",
|
||||
},
|
||||
{
|
||||
title: "Predictive Ad Spend",
|
||||
description: "Optimize your ad budget using our proprietary AI bidding engine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-infographic-elements-collection-flat-style_23-2147782489.jpg",
|
||||
},
|
||||
{
|
||||
title: "Content Intelligence",
|
||||
description: "Create high-converting content derived from audience sentiment data.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/marketing-funnel-background_23-2148007810.jpg",
|
||||
},
|
||||
{ title: "Search Engine Mastery", description: "Dominate Google search results with custom technical SEO frameworks.", imageSrc: "http://img.b2bpic.net/free-psd/seo-sem-icon-design_23-2151976986.jpg" },
|
||||
{ title: "Predictive Ad Spend", description: "Optimize your ad budget using our proprietary AI bidding engine.", imageSrc: "http://img.b2bpic.net/free-vector/colorful-infographic-elements-collection-flat-style_23-2147782489.jpg" },
|
||||
{ title: "Content Intelligence", description: "Create high-converting content derived from audience sentiment data.", imageSrc: "http://img.b2bpic.net/free-vector/marketing-funnel-background_23-2148007810.jpg" },
|
||||
]}
|
||||
title="Full Spectrum Solutions"
|
||||
description="Everything your brand needs to dominate its digital vertical."
|
||||
@@ -198,46 +114,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-charts-looking-camera_23-2147707729.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia Smith",
|
||||
role: "VP Sales",
|
||||
company: "GlobalSales",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-confident-businessman_1262-17122.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-charts-looking-camera_23-2147707729.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg" },
|
||||
{ id: "5", name: "Julia Smith", role: "VP Sales", company: "GlobalSales", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-confident-businessman_1262-17122.jpg" },
|
||||
]}
|
||||
title="Client Success"
|
||||
description="See why brands choose us to scale their marketing operations."
|
||||
@@ -248,15 +129,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Amazon",
|
||||
"Tesla",
|
||||
"Slack",
|
||||
"Stripe",
|
||||
"Airbnb",
|
||||
]}
|
||||
names={["Microsoft", "Google", "Amazon", "Tesla", "Slack", "Stripe", "Airbnb"]}
|
||||
title="Trusted By Industry Leaders"
|
||||
description="We partner with forward-thinking companies to drive real digital impact."
|
||||
/>
|
||||
@@ -268,55 +141,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Starter",
|
||||
price: "$2,000",
|
||||
features: [
|
||||
"SEO Audit",
|
||||
"Social Ads",
|
||||
"Monthly Report",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Growth",
|
||||
price: "$5,500",
|
||||
features: [
|
||||
"Full SEO",
|
||||
"Content Engine",
|
||||
"Priority Support",
|
||||
"AI Bidding",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Enterprise",
|
||||
price: "Custom",
|
||||
features: [
|
||||
"Full Stack Suite",
|
||||
"Dedicated Manager",
|
||||
"Predictive Analytics",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "p1", name: "Starter", price: "$2,000", features: ["SEO Audit", "Social Ads", "Monthly Report"], buttons: [{ text: "Select", href: "#contact" }] },
|
||||
{ id: "p2", name: "Growth", price: "$5,500", features: ["Full SEO", "Content Engine", "Priority Support", "AI Bidding"], buttons: [{ text: "Select", href: "#contact" }] },
|
||||
{ id: "p3", name: "Enterprise", price: "Custom", features: ["Full Stack Suite", "Dedicated Manager", "Predictive Analytics"], buttons: [{ text: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Choose the level of growth that fits your current stage."
|
||||
@@ -327,21 +154,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How quickly do we see results?",
|
||||
content: "Most clients start seeing improved analytics in 30-60 days.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you handle content creation?",
|
||||
content: "Yes, our content team develops high-conversion strategies for your brand.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is there a long-term contract?",
|
||||
content: "We offer flexible plans starting at 3 months for peak performance.",
|
||||
},
|
||||
{ id: "q1", title: "How quickly do we see results?", content: "Most clients start seeing improved analytics in 30-60 days." },
|
||||
{ id: "q2", title: "Do you handle content creation?", content: "Yes, our content team develops high-conversion strategies for your brand." },
|
||||
{ id: "q3", title: "Is there a long-term contract?", content: "We offer flexible plans starting at 3 months for peak performance." },
|
||||
]}
|
||||
sideTitle="Still Have Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -351,9 +166,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to Scale?"
|
||||
title="Book Your Free Audit"
|
||||
description="Let's discuss how we can skyrocket your marketing ROI."
|
||||
@@ -365,50 +178,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "About", href: "#about" }, { label: "Features", href: "#features" }] },
|
||||
{ items: [{ label: "Pricing", href: "#pricing" }, { label: "Contact", href: "#contact" }, { label: "Blog", href: "#" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="MarketStream"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user