Merge version_1_1781472563053 into main #2
@@ -11,226 +11,125 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroCenteredLogos
|
||||
avatarText="Used by 1,000+ Creators"
|
||||
title="Automate Viral ASMR Food Trends"
|
||||
description="Multi-agent pipelines that discover, write, and post viral content. Scale your food brand with autonomous AI agents."
|
||||
primaryButton={{
|
||||
text: "Deploy Pipeline",
|
||||
href: "#features",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Docs",
|
||||
href: "#",
|
||||
}}
|
||||
names={[
|
||||
"Content",
|
||||
"Analysis",
|
||||
"Automation",
|
||||
"Scaling",
|
||||
"Growth",
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hi-tech-futuristic-hud-display-circle-elements_1379-889.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
avatarsSrc={[]}
|
||||
avatarText="Used by 1,000+ Creators"
|
||||
title="Automate Viral ASMR Food Trends"
|
||||
description="Multi-agent pipelines that discover, write, and post viral content. Scale your food brand with autonomous AI agents."
|
||||
primaryButton={{
|
||||
text: "Deploy Pipeline", href: "#features"}}
|
||||
secondaryButton={{
|
||||
text: "View Docs", href: "#"}}
|
||||
names={["Content", "Analysis", "Automation", "Scaling", "Growth"]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hi-tech-futuristic-hud-display-circle-elements_1379-889.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Pipeline"
|
||||
title="The Multi-Agent Workflow"
|
||||
description="Powerful agents working in unison to manage your ASMR content strategy."
|
||||
features={[
|
||||
{
|
||||
title: "Trend Hunting",
|
||||
description: "AI scouts discover trending food niche topics in real-time.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
{
|
||||
icon: Search,
|
||||
label: "Accuracy",
|
||||
value: "99%",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Latency",
|
||||
value: "2s",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-presenting-invisible-hologram-projecting-from-tablet-advanced-technology_53876-105171.jpg",
|
||||
imageAlt: "robot holding smartphone",
|
||||
},
|
||||
{
|
||||
title: "AI Copywriter",
|
||||
description: "Generates high-engagement Zach Choi style captions.",
|
||||
bentoComponent: "chat-marquee",
|
||||
aiIcon: Star,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Write a caption for a mozzarella corn dog.",
|
||||
aiResponse: "CRUNCH. 🧀✨ The ultimate Mozzarella Pull is here! #asmrfood #mozzerellastick",
|
||||
},
|
||||
],
|
||||
placeholder: "Writing viral copy...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hi-tech-futuristic-hud-display-circle-elements_1379-889.jpg?_wi=2",
|
||||
imageAlt: "robot holding smartphone",
|
||||
},
|
||||
{
|
||||
title: "Media Fetcher",
|
||||
description: "Automatically retrieves high-quality assets.",
|
||||
bentoComponent: "media-stack",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-property-engineer-searching-layout-details-laptop-office_482257-130146.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-top-view_23-2148999169.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19887.jpg?_wi=1",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1466.jpg?_wi=1",
|
||||
imageAlt: "robot holding smartphone",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Pipeline"
|
||||
title="The Multi-Agent Workflow"
|
||||
description="Powerful agents working in unison to manage your ASMR content strategy."
|
||||
features={[
|
||||
{
|
||||
title: "Trend Hunting", description: "AI scouts discover trending food niche topics in real-time.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Search", label: "Accuracy", value: "99%" },
|
||||
{ icon: "Zap", label: "Latency", value: "2s" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "AI Copywriter", description: "Generates high-engagement Zach Choi style captions.", bentoComponent: "chat-marquee", aiIcon: "Star", userIcon: "User", exchanges: [
|
||||
{
|
||||
userMessage: "Write a caption for a mozzarella corn dog.", aiResponse: "CRUNCH. 🧀✨ The ultimate Mozzarella Pull is here! #asmrfood #mozzerellastick"},
|
||||
],
|
||||
placeholder: "Writing viral copy..."},
|
||||
{
|
||||
title: "Media Fetcher", description: "Automatically retrieves high-quality assets.", bentoComponent: "media-stack", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-property-engineer-searching-layout-details-laptop-office_482257-130146.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/network-concept-top-view_23-2148999169.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19887.jpg" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Results"
|
||||
title="Data-Driven Growth"
|
||||
description="See the impact of automated content management."
|
||||
metrics={[
|
||||
{
|
||||
value: "500%",
|
||||
description: "Engagement Uplift",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
description: "Automation Uptime",
|
||||
},
|
||||
{
|
||||
value: "10K",
|
||||
description: "Posts Generated",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Results"
|
||||
title="Data-Driven Growth"
|
||||
description="See the impact of automated content management."
|
||||
metrics={[
|
||||
{ value: "500%", description: "Engagement Uplift" },
|
||||
{ value: "24/7", description: "Automation Uptime" },
|
||||
{ value: "10K", description: "Posts Generated" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Social Proof"
|
||||
title="Creator Feedback"
|
||||
description="Join creators who are dominating the food niche."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Food Blogger",
|
||||
quote: "The automation has saved me hours of manual labor.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19887.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Agency Owner",
|
||||
quote: "Scalability is effortless with this multi-agent system.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1466.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Content Creator",
|
||||
quote: "I'm posting daily and my engagement is up 300%.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jason K.",
|
||||
role: "SaaS Founder",
|
||||
quote: "Production-ready automation, right out of the box.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa M.",
|
||||
role: "Chef Influencer",
|
||||
quote: "The caption generation is shockingly accurate.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022640.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Social Proof"
|
||||
title="Creator Feedback"
|
||||
description="Join creators who are dominating the food niche."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", role: "Food Blogger", quote: "The automation has saved me hours of manual labor.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19887.jpg" },
|
||||
{ name: "Mark D.", role: "Agency Owner", quote: "Scalability is effortless with this multi-agent system.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1466.jpg" },
|
||||
{ name: "Emily R.", role: "Content Creator", quote: "I'm posting daily and my engagement is up 300%.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg" },
|
||||
{ name: "Jason K.", role: "SaaS Founder", quote: "Production-ready automation, right out of the box.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg" },
|
||||
{ name: "Lisa M.", role: "Chef Influencer", quote: "The caption generation is shockingly accurate.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022640.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Help"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers about our automation stack."
|
||||
items={[
|
||||
{
|
||||
question: "Does it support Facebook?",
|
||||
answer: "Yes, our n8n nodes handle FB, IG, and TikTok.",
|
||||
},
|
||||
{
|
||||
question: "Can I customize the copy?",
|
||||
answer: "The AI is fine-tuned to your specific brand tone.",
|
||||
},
|
||||
{
|
||||
question: "What tech do I need?",
|
||||
answer: "Just your API keys and an n8n installation.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Help"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers about our automation stack."
|
||||
items={[
|
||||
{ question: "Does it support Facebook?", answer: "Yes, our n8n nodes handle FB, IG, and TikTok." },
|
||||
{ question: "Can I customize the copy?", answer: "The AI is fine-tuned to your specific brand tone." },
|
||||
{ question: "What tech do I need?", answer: "Just your API keys and an n8n installation." },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<SectionErrorBoundary name="blog">
|
||||
<div id="blog" data-section="blog">
|
||||
<SectionErrorBoundary name="blog">
|
||||
<BlogArticle
|
||||
category="Guide"
|
||||
title="Scaling ASMR Production"
|
||||
content="In this guide, we dive deep into how multi-agent systems process food trends and output viral assets. Utilizing n8n for webhook handling ensures that your media assets are prepared instantly for social media distribution."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/robot-character-with-mobile_1048-3556.jpg"
|
||||
authorName="Automation Expert"
|
||||
date="Oct 24, 2024"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
category="Guide"
|
||||
title="Scaling ASMR Production"
|
||||
content="In this guide, we dive deep into how multi-agent systems process food trends and output viral assets. Utilizing n8n for webhook handling ensures that your media assets are prepared instantly for social media distribution."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/robot-character-with-mobile_1048-3556.jpg"
|
||||
authorName="Automation Expert"
|
||||
authorImageSrc="http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg"
|
||||
date="Oct 24, 2024"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get Started"
|
||||
text="Ready to launch your autonomous content engine?"
|
||||
primaryButton={{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Demo",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get Started"
|
||||
text="Ready to launch your autonomous content engine?"
|
||||
primaryButton={{ text: "Contact Support", href: "#" }}
|
||||
secondaryButton={{ text: "View Demo", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user