Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-18 13:30:10 +00:00

View File

@@ -20,372 +20,163 @@ export default function LandingPage() {
defaultButtonVariant="expand-hover"
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">
<NavbarLayoutFloatingInline
navItems={[
{
name: "How It Works",
id: "#about",
},
{
name: "Results",
id: "#metrics",
},
{
name: "FAQ",
id: "#faq",
},
]}
brandName="Fruntend"
button={{
text: "Apply Now",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "How It Works", id: "about" },
{ name: "Results", id: "metrics" },
{ name: "FAQ", id: "faq" }
]}
brandName="Fruntend"
button={{ text: "Apply Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="Fruntend SES™"
description="How We Book 1050+ Qualified Sales Meetings For B2B Companies Every Single Month — Without SDRs, Retainers, or Ads. Pay nothing until qualified meetings hit your calendar."
buttons={[
{
text: "Apply Now",
href: "#contact",
},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-home-office-using-financial-application-ui-pc-screen_482257-118892.jpg",
imageAlt: "Pipeline Metrics",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/hand-with-pen-near-calendar-smartphone-cup-drink-eyeglasses_23-2148036888.jpg",
imageAlt: "Meeting Calendar",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/geometric-paper-object-collection_23-2148547792.jpg",
imageAlt: "Sales Funnel",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-workmates-discussing-business-strategy-startup-office-colleagues-working-project-planning-presentation-company-development-growth-brainstorming-ideas_482257-40347.jpg",
imageAlt: "Team Collaboration",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169864.jpg",
imageAlt: "Conversion Charts",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg",
imageAlt: "Scaling Business",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="Fruntend SES™"
description="How We Book 1050+ Qualified Sales Meetings For B2B Companies Every Single Month — Without SDRs, Retainers, or Ads. Pay nothing until qualified meetings hit your calendar."
buttons={[{ text: "Apply Now", href: "#contact" }]}
slides={[
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-home-office-using-financial-application-ui-pc-screen_482257-118892.jpg", imageAlt: "Pipeline Metrics" },
{ imageSrc: "http://img.b2bpic.net/free-photo/hand-with-pen-near-calendar-smartphone-cup-drink-eyeglasses_23-2148036888.jpg", imageAlt: "Meeting Calendar" },
{ imageSrc: "http://img.b2bpic.net/free-photo/geometric-paper-object-collection_23-2148547792.jpg", imageAlt: "Sales Funnel" },
{ imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-workmates-discussing-business-strategy-startup-office-colleagues-working-project-planning-presentation-company-development-growth-brainstorming-ideas_482257-40347.jpg", imageAlt: "Team Collaboration" },
{ imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169864.jpg", imageAlt: "Conversion Charts" },
{ imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg", imageAlt: "Scaling Business" }
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={true}
title="Introducing The 5-Layer Sales Entry System™"
description="Most outbound dies because one piece is broken. We run all 5—Offer & Positioning, Strategy, Pre-sell Nurture, Funnel, and Execution—so meetings just land on your calendar. Predictable pipeline, zero downside."
imageSrc="http://img.b2bpic.net/free-photo/business-people-working-with-ipad-high-angle_23-2150103560.jpg"
imageAlt="Sales Entry System diagram"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={true}
title="Introducing The 5-Layer Sales Entry System™"
description="Most outbound dies because one piece is broken. We run all 5—Offer & Positioning, Strategy, Pre-sell Nurture, Funnel, and Execution—so meetings just land on your calendar. Predictable pipeline, zero downside."
imageSrc="http://img.b2bpic.net/free-photo/business-people-working-with-ipad-high-angle_23-2150103560.jpg"
imageAlt="Sales Entry System diagram"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyNine
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "No Retainers",
description: "Pay only for qualified meetings booked on your calendar.",
imageSrc: "http://img.b2bpic.net/free-photo/diagram-graphs-information-statistics-stock-data-concept_53876-64925.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg",
buttonText: "Learn More",
},
{
title: "No SDRs",
description: "We replace the need for internal SDR teams with our 5-Layer System.",
imageSrc: "http://img.b2bpic.net/free-photo/serious-business-man-woman-working-desks_1262-14352.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/businessman-marking-calendar-appointment_53876-14778.jpg",
buttonText: "Learn More",
},
{
title: "Performance-Based",
description: "100% of the risk is on us. We carry the burden, you close the meetings.",
imageSrc: "http://img.b2bpic.net/free-photo/connected-blocks-with-people-icons-networking-recruitment-human-resources-blockchain-concept_2100-1026.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-bowling-pins-ball_23-2150553060.jpg",
buttonText: "Learn More",
},
]}
title="Why We're Different"
description="Stop bleeding money on SDRs and vague agency retainers."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyNine
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
title="Why We're Different"
description="Stop bleeding money on SDRs and vague agency retainers."
features={[
{ title: "No Retainers", description: "Pay only for qualified meetings booked on your calendar.", imageSrc: "http://img.b2bpic.net/free-photo/diagram-graphs-information-statistics-stock-data-concept_53876-64925.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg", buttonText: "Learn More" },
{ title: "No SDRs", description: "We replace the need for internal SDR teams with our 5-Layer System.", imageSrc: "http://img.b2bpic.net/free-photo/serious-business-man-woman-working-desks_1262-14352.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/businessman-marking-calendar-appointment_53876-14778.jpg", buttonText: "Learn More" },
{ title: "Performance-Based", description: "100% of the risk is on us. We carry the burden, you close the meetings.", imageSrc: "http://img.b2bpic.net/free-photo/connected-blocks-with-people-icons-networking-recruitment-human-resources-blockchain-concept_2100-1026.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-bowling-pins-ball_23-2150553060.jpg", buttonText: "Learn More" }
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "$1M+",
title: "Pipeline Generated",
description: "Across our client base.",
icon: TrendingUp,
},
{
id: "m2",
value: "2,000+",
title: "Meetings Booked",
description: "With leading B2B brands.",
icon: Calendar,
},
{
id: "m3",
value: "50+",
title: "Clients Served",
description: "Across 10+ industries.",
icon: Building2,
},
]}
title="Proven Outcomes"
description="Real clients, real pipeline, real results."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
title="Proven Outcomes"
description="Real clients, real pipeline, real results."
metrics={[
{ id: "m1", value: "$1M+", title: "Pipeline Generated", description: "Across our client base.", icon: TrendingUp },
{ id: "m2", value: "2,000+", title: "Meetings Booked", description: "With leading B2B brands.", icon: Calendar },
{ id: "m3", value: "50+", title: "Clients Served", description: "Across 10+ industries.", icon: Building2 }
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "r1",
brand: "BlueDiamond Digital",
name: "1 Month Pipeline Growth",
price: "$400k Pipeline",
rating: 5,
reviewCount: "100+",
imageSrc: "http://img.b2bpic.net/free-photo/diverse-business-professionals-engaged-video-call-global-meeting-using-online-communication_482257-132361.jpg",
},
{
id: "r2",
brand: "More Exposure",
name: "10 Day Results",
price: "30 Meetings",
rating: 5,
reviewCount: "90+",
imageSrc: "http://img.b2bpic.net/free-photo/business-person-hand-holding-financial-statistics-displayed-t_1150-772.jpg",
},
{
id: "r3",
brand: "Brigins Digital",
name: "Pipeline Expansion",
price: "$125k Pipeline",
rating: 5,
reviewCount: "80+",
imageSrc: "http://img.b2bpic.net/free-photo/goals-target-aspiration-perforated-paper-graph_53876-30305.jpg",
},
{
id: "r4",
brand: "TechGroup Alpha",
name: "Q3 Lead Strategy",
price: "45 Meetings",
rating: 5,
reviewCount: "70+",
imageSrc: "http://img.b2bpic.net/free-photo/person-reading-data-tablet_23-2149370610.jpg",
},
{
id: "r5",
brand: "Logistics Pro",
name: "New Pipeline",
price: "$210k Pipeline",
rating: 5,
reviewCount: "60+",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-image-desk-planner-calendar-laptop_1163-2588.jpg",
},
{
id: "r6",
brand: "Creative Hub",
name: "Account Growth",
price: "12 Qualified Opps",
rating: 5,
reviewCount: "50+",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yvvwo0",
},
]}
title="Live Campaign Receipts"
description="Don't take our word for it. Straight from active client dashboards."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
title="Live Campaign Receipts"
description="Don't take our word for it. Straight from active client dashboards."
products={[
{ id: "r1", brand: "BlueDiamond Digital", name: "1 Month Pipeline Growth", price: "$400k Pipeline", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/diverse-business-professionals-engaged-video-call-global-meeting-using-online-communication_482257-132361.jpg" },
{ id: "r2", brand: "More Exposure", name: "10 Day Results", price: "30 Meetings", rating: 5, reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/business-person-hand-holding-financial-statistics-displayed-t_1150-772.jpg" },
{ id: "r3", brand: "Brigins Digital", name: "Pipeline Expansion", price: "$125k Pipeline", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/goals-target-aspiration-perforated-paper-graph_53876-30305.jpg" },
{ id: "r4", brand: "TechGroup Alpha", name: "Q3 Lead Strategy", price: "45 Meetings", rating: 5, reviewCount: "70+", imageSrc: "http://img.b2bpic.net/free-photo/person-reading-data-tablet_23-2149370610.jpg" },
{ id: "r5", brand: "Logistics Pro", name: "New Pipeline", price: "$210k Pipeline", rating: 5, reviewCount: "60+", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-image-desk-planner-calendar-laptop_1163-2588.jpg" },
{ id: "r6", brand: "Creative Hub", name: "Account Growth", price: "12 Qualified Opps", rating: 5, reviewCount: "50+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yvvwo0" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Joshua Daniel George",
role: "CEO",
company: "Marketing Agency",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-businessman-standing-against-grey-wall-clenching-his-fist_23-2148087510.jpg",
},
{
id: "t2",
name: "Laura Cavin",
role: "Consultant",
company: "Consulting Group",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg",
},
{
id: "t3",
name: "Marcus Thorne",
role: "Founder",
company: "Tech Startup",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg",
},
{
id: "t4",
name: "Sarah Jenkins",
role: "Sales Lead",
company: "Growth Co",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
},
{
id: "t5",
name: "David Kim",
role: "Founder",
company: "Digital Media",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-with-diagram_23-2147669294.jpg",
},
{
id: "t6",
name: "Emily Watson",
role: "Entrepreneur",
company: "Watson Inc",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg",
},
]}
title="Proven By People Like You"
description="Founders who stopped chasing leads and started closing them."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
title="Proven By People Like You"
description="Founders who stopped chasing leads and started closing them."
testimonials={[
{ id: "t1", name: "Joshua Daniel George", role: "CEO", company: "Marketing Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-businessman-standing-against-grey-wall-clenching-his-fist_23-2148087510.jpg" },
{ id: "t2", name: "Laura Cavin", role: "Consultant", company: "Consulting Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg" },
{ id: "t3", name: "Marcus Thorne", role: "Founder", company: "Tech Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg" },
{ id: "t4", name: "Sarah Jenkins", role: "Sales Lead", company: "Growth Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg" },
{ id: "t5", name: "David Kim", role: "Founder", company: "Digital Media", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-with-diagram_23-2147669294.jpg" },
{ id: "t6", name: "Emily Watson", role: "Entrepreneur", company: "Watson Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What does performance-based mean?",
content: "You only pay for qualified sales meetings that show up on your calendar. No retainers, no minimums.",
},
{
id: "f2",
title: "Is there a monthly fee?",
content: "No, just the one-time setup fee to maintain your infrastructure.",
},
{
id: "f3",
title: "How quickly will I see results?",
content: "Average kickoff to first meeting is 14-21 days.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/no-people-startup-company-office-used-work-business-strategy-showing-financial-charts-diagrams-computer-display-nobody-empty-desk-planning-management-data_482257-49895.jpg"
mediaPosition="right"
title="Honest Answers"
description="Your questions answered straight."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqsAnimation="slide-up"
title="Honest Answers"
description="Your questions answered straight."
imageSrc="http://img.b2bpic.net/free-photo/no-people-startup-company-office-used-work-business-strategy-showing-financial-charts-diagrams-computer-display-nobody-empty-desk-planning-management-data_482257-49895.jpg"
faqs={[
{ id: "f1", title: "What does performance-based mean?", content: "You only pay for qualified sales meetings that show up on your calendar. No retainers, no minimums." },
{ id: "f2", title: "Is there a monthly fee?", content: "No, just the one-time setup fee to maintain your infrastructure." },
{ id: "f3", title: "How quickly will I see results?", content: "Average kickoff to first meeting is 14-21 days." }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Q2 2026 Intake — Only 2 Spots Left"
description="Stop paying for promises. Start paying for meetings. Qualify now."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Work Email",
required: true,
},
{
name: "company",
type: "text",
placeholder: "Company URL",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "What are your meeting targets?",
}}
imageSrc="http://img.b2bpic.net/free-photo/senior-business-man-shaking-hands-with-another-young-man_1262-784.jpg"
mediaPosition="left"
buttonText="Show Me If I Qualify"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Q2 2026 Intake — Only 2 Spots Left"
description="Stop paying for promises. Start paying for meetings. Qualify now."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Work Email", required: true },
{ name: "company", type: "text", placeholder: "Company URL", required: true }
]}
textarea={{ name: "message", placeholder: "What are your meeting targets?" }}
imageSrc="http://img.b2bpic.net/free-photo/senior-business-man-shaking-hands-with-another-young-man_1262-784.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Terms",
href: "#",
},
{
label: "Privacy",
href: "#",
},
],
},
{
items: [
{
label: "LinkedIn",
href: "https://linkedin.com",
},
{
label: "Twitter",
href: "https://twitter.com",
},
],
},
]}
logoText="Fruntend"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Fruntend"
columns={[
{ items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] },
{ items: [{ label: "LinkedIn", href: "https://linkedin.com" }, { label: "Twitter", href: "https://twitter.com" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);