Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a5ff84cbf0 | |||
| df3c3e20e1 | |||
| d35cf31ff1 | |||
| 3c22b1f20d |
278
src/app/page.tsx
278
src/app/page.tsx
@@ -32,23 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
]}
|
||||
brandName="Bloop AI"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -56,99 +48,56 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="AIPowered Social Media That Scales Your Business"
|
||||
description="Automate content creation, scheduling, and analytics across all platforms. Let Bloop handle your social strategy while you focus on growth."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahJ",
|
||||
testimonial: "Bloop transformed our reach. The ROI is undeniable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahJ", testimonial: "Bloop transformed our reach. The ROI is undeniable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg?_wi=1"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Marketing automation made simple. Absolute game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-smartphone_23-2148815644.jpg?_wi=1",
|
||||
},
|
||||
name: "Mark D.", handle: "@markd", testimonial: "Marketing automation made simple. Absolute game changer.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-smartphone_23-2148815644.jpg?_wi=1"},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elena_r",
|
||||
testimonial: "Saving hours every week while growing faster than ever.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg?_wi=1",
|
||||
},
|
||||
name: "Elena R.", handle: "@elena_r", testimonial: "Saving hours every week while growing faster than ever.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg?_wi=1"},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "The AI analytics are cutting edge. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969909.jpg?_wi=1",
|
||||
},
|
||||
name: "David K.", handle: "@davidk", testimonial: "The AI analytics are cutting edge. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969909.jpg?_wi=1"},
|
||||
{
|
||||
name: "Sophia L.",
|
||||
handle: "@sophi_l",
|
||||
testimonial: "Scaling our socials has never been this effortless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg?_wi=1",
|
||||
},
|
||||
name: "Sophia L.", handle: "@sophi_l", testimonial: "Scaling our socials has never been this effortless.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg?_wi=1"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Free Trial", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-people-futuristic-business-environment_23-2150970213.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-smartphone_23-2148815644.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-smartphone_23-2148815644.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969909.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969909.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ teams"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Content Generation",
|
||||
},
|
||||
type: "text", text: "AI Content Generation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Analytics",
|
||||
},
|
||||
type: "text", text: "Real-time Analytics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated Scheduling",
|
||||
},
|
||||
type: "text", text: "Automated Scheduling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cross-Platform Growth",
|
||||
},
|
||||
type: "text", text: "Cross-Platform Growth"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Conversion Optimization",
|
||||
},
|
||||
type: "text", text: "Conversion Optimization"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,34 +114,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
className="gsap-scroll-3d"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Smart Content Engine",
|
||||
descriptions: [
|
||||
"AI-driven post generation tailored to your audience engagement trends.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-media-technology-line-filled-color-icon-pack-like-camera-mobile-security-drive-verify_1142-26464.jpg",
|
||||
},
|
||||
id: "f1", title: "Smart Content Engine", descriptions: [
|
||||
"AI-driven post generation tailored to your audience engagement trends."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-media-technology-line-filled-color-icon-pack-like-camera-mobile-security-drive-verify_1142-26464.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Precision Scheduling",
|
||||
descriptions: [
|
||||
"Automated posting schedules optimized for highest audience activity.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",
|
||||
},
|
||||
id: "f2", title: "Precision Scheduling", descriptions: [
|
||||
"Automated posting schedules optimized for highest audience activity."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Performance Analytics",
|
||||
descriptions: [
|
||||
"Real-time ROI measurement with actionable growth insights.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-set-with-dj-charge-music-using-virtual-reality-glasses_23-2151418227.jpg",
|
||||
},
|
||||
id: "f3", title: "Performance Analytics", descriptions: [
|
||||
"Real-time ROI measurement with actionable growth insights."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-set-with-dj-charge-music-using-virtual-reality-glasses_23-2151418227.jpg"},
|
||||
]}
|
||||
title="Core Automation Engine"
|
||||
description="Powerful capabilities to streamline your digital presence."
|
||||
@@ -201,17 +139,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
className="gsap-scroll-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechStream",
|
||||
"GrowthVibes",
|
||||
"ScaleUp",
|
||||
"InnovateCore",
|
||||
"DataDriven",
|
||||
"MarketPulse",
|
||||
"GlobalReach",
|
||||
]}
|
||||
"TechStream", "GrowthVibes", "ScaleUp", "InnovateCore", "DataDriven", "MarketPulse", "GlobalReach"]}
|
||||
title="Trusted by Growing Teams"
|
||||
description="Powering marketing strategies for forward-thinking SMBs globally."
|
||||
/>
|
||||
@@ -219,61 +151,28 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
className="gsap-scroll-3d"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
tag: "Starter",
|
||||
price: "$49",
|
||||
period: "/mo",
|
||||
description: "Perfect for small content teams.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"5 Social Accounts",
|
||||
"AI Content Engine",
|
||||
"Basic Analytics",
|
||||
],
|
||||
id: "starter", tag: "Starter", price: "$49", period: "/mo", description: "Perfect for small content teams.", button: {
|
||||
text: "Get Started", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"5 Social Accounts", "AI Content Engine", "Basic Analytics"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Pro",
|
||||
price: "$129",
|
||||
period: "/mo",
|
||||
description: "For scaling businesses needing deep insights.",
|
||||
button: {
|
||||
text: "Go Pro",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Everything in Starter, plus:",
|
||||
features: [
|
||||
"15 Social Accounts",
|
||||
"Advanced AI Models",
|
||||
"Full ROI Reports",
|
||||
"24/7 Support",
|
||||
],
|
||||
id: "pro", tag: "Pro", price: "$129", period: "/mo", description: "For scaling businesses needing deep insights.", button: {
|
||||
text: "Go Pro", href: "#contact"},
|
||||
featuresTitle: "Everything in Starter, plus:", features: [
|
||||
"15 Social Accounts", "Advanced AI Models", "Full ROI Reports", "24/7 Support"],
|
||||
},
|
||||
{
|
||||
id: "growth",
|
||||
tag: "Growth",
|
||||
price: "$299",
|
||||
period: "/mo",
|
||||
description: "For rapid expansion and large-scale management.",
|
||||
button: {
|
||||
text: "Go Growth",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Everything in Pro, plus:",
|
||||
features: [
|
||||
"Unlimited Accounts",
|
||||
"Custom AI Training",
|
||||
"Dedicated Success Manager",
|
||||
],
|
||||
id: "growth", tag: "Growth", price: "$299", period: "/mo", description: "For rapid expansion and large-scale management.", button: {
|
||||
text: "Go Growth", href: "#contact"},
|
||||
featuresTitle: "Everything in Pro, plus:", features: [
|
||||
"Unlimited Accounts", "Custom AI Training", "Dedicated Success Manager"],
|
||||
},
|
||||
]}
|
||||
title="Scalable Plans for Any Stage"
|
||||
@@ -283,49 +182,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
className="gsap-scroll-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Incredible growth",
|
||||
quote: "We grew 3x faster with Bloop.",
|
||||
name: "Sarah J.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", title: "Incredible growth", quote: "We grew 3x faster with Bloop.", name: "Sarah J.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg?_wi=2"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Efficient tool",
|
||||
quote: "Finally, marketing I can trust.",
|
||||
name: "Mark D.",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-smartphone_23-2148815644.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", title: "Efficient tool", quote: "Finally, marketing I can trust.", name: "Mark D.", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-smartphone_23-2148815644.jpg?_wi=2"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Smart AI",
|
||||
quote: "The analytics are spot on every time.",
|
||||
name: "Elena R.",
|
||||
role: "Marketing Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg?_wi=2",
|
||||
},
|
||||
id: "t3", title: "Smart AI", quote: "The analytics are spot on every time.", name: "Elena R.", role: "Marketing Director", imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg?_wi=2"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Total efficiency",
|
||||
quote: "Automated everything effortlessly.",
|
||||
name: "David K.",
|
||||
role: "Operations Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969909.jpg?_wi=2",
|
||||
},
|
||||
id: "t4", title: "Total efficiency", quote: "Automated everything effortlessly.", name: "David K.", role: "Operations Manager", imageSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969909.jpg?_wi=2"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Best ROI",
|
||||
quote: "ROI increased instantly since using Bloop.",
|
||||
name: "Sophia L.",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", title: "Best ROI", quote: "ROI increased instantly since using Bloop.", name: "Sophia L.", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg?_wi=2"},
|
||||
]}
|
||||
title="Stories of Success"
|
||||
description="See why growing brands choose Bloop AI."
|
||||
@@ -334,24 +204,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
className="gsap-scroll-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does AI content creation work?",
|
||||
content: "Our engine analyzes your brand history and trends to draft posts that perform.",
|
||||
},
|
||||
id: "q1", title: "How does AI content creation work?", content: "Our engine analyzes your brand history and trends to draft posts that perform."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I integrate with my current tools?",
|
||||
content: "Yes, Bloop integrates seamlessly with top CRM and marketing tools.",
|
||||
},
|
||||
id: "q2", title: "Can I integrate with my current tools?", content: "Yes, Bloop integrates seamlessly with top CRM and marketing tools."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is my data secure?",
|
||||
content: "Security is our top priority. We use enterprise-grade encryption.",
|
||||
},
|
||||
id: "q3", title: "Is my data secure?", content: "Security is our top priority. We use enterprise-grade encryption."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about Bloop AI."
|
||||
@@ -361,18 +223,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
className="gsap-scroll-3d"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Ready to Start?"
|
||||
title="Scale Your Social Media Today"
|
||||
description="Join the future of marketing automation and get a competitive edge."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Free Trial",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Your Free Trial", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -381,16 +241,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Bloop AI"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #000000;
|
||||
--card: #0c0c0c;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #106EFB;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffffe6;
|
||||
--primary-cta: #106efb;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #000000;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #535353;
|
||||
--background-accent: #106EFB;
|
||||
--accent: #737373;
|
||||
--background-accent: #106efb;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user