bender/be76f0a3-a795-4ba7-aae8-02bc5868f504
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-04-08 14:21:47 +00:00
parent 3c22b1f20d df3c3e20e1
commit a5ff84cbf0
2 changed files with 74 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files

278
src/app/page.tsx
View File

@@ -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>
);
}
}

14
src/app/styles/variables.css
View File

@@ -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);