bender/6fefe558-d979-47b1-bdfe-6af5b574dbfc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-06-12 01:35:59 +00:00
Conversation 0 Commits 2 Files Changed 2 +9 -218
2 changed files with 9 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files

211
src/app/page.tsx
View File

@@ -1,212 +1,3 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Building, CheckCircle, DollarSign, FileText, Grid, Mail, Rocket, Search, TrendingUp } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="small"
sizing="mediumLargeSizeMediumTitles"
background="fluid"
cardStyle="glass-elevated"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "#hero"},
{
name: "Services", id: "#services"},
{
name: "About Us", id: "#about"},
{
name: "Results", id: "#metrics"},
{
name: "Case Studies", id: "#case-studies"},
{
name: "FAQ", id: "#faq"},
{
name: "Contact", id: "#contact"},
]}
brandName="BigFront"
button={{
text: "Get a Consultation", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "animated-grid"}}
logoText="BigFront"
description="Results-Driven Marketing That Scales Your Revenue. We combine data-driven strategy with creative execution to deliver measurable growth. See how we've helped 200 companies exceed their targets."
buttons={[
{
text: "View Our Case Studies", href: "#case-studies"},
{
text: "Get a Consultation", href: "#contact"},
]}
buttonAnimation="opacity"
imageSrc="http://img.b2bpic.net/free-photo/laptop-shows-market-analysis-office_482257-119265.jpg"
imageAlt="Digital marketing dashboard showing growth metrics"
mediaAnimation="slide-up"
frameStyle="card"
/>
</div>
<div id="services" data-section="services">
<FeatureHoverPattern
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
icon: CheckCircle,
title: "Website Design & Development", description: "Crafting high-performance websites that attract, engage, and convert your target audience."},
{
icon: Search,
title: "SEO (Search Engine Optimization)", description: "Boosting your online visibility and organic traffic to connect with more potential clients."},
{
icon: Mail,
title: "Email Marketing", description: "Building effective email campaigns that nurture leads and strengthen customer relationships."},
{
icon: Grid,
title: "Marketing Strategy & Planning", description: "Developing integrated strategies that align with your business objectives and drive growth."},
{
icon: TrendingUp,
title: "Brand Growth Consulting", description: "Providing expert guidance to elevate your brand presence and achieve sustainable long-term growth."},
{
icon: FileText,
title: "Content Marketing", description: "Creating valuable, relevant content to attract and retain a clearly defined audience."},
]}
title="Our Growth Marketing Services"
description="BigFront offers a comprehensive suite of services designed to build a stronger digital presence and deliver measurable results. We tailor strategies to your unique business goals."
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text", content: "BigFront: Your Strategic Growth Partner"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/strategy-plan-businesses_53876-101273.jpg", alt: "Abstract digital growth chart"},
]}
buttons={[
{
text: "Learn More About Us", href: "#"},
]}
buttonAnimation="opacity"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="depth-3d"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
carouselMode="buttons"
metrics={[
{
id: "m1", value: "200+", title: "Companies Served", description: "Successfully partnered with diverse mid-market businesses.", icon: Building,
},
{
id: "m2", value: "85%", title: "Client Retention Rate", description: "A testament to our long-term partnerships and consistent value delivery.", icon: Award,
},
{
id: "m3", value: "25%+", title: "Avg. Revenue Growth", description: "Average increase in client revenue driven by our strategic initiatives.", icon: Rocket,
},
{
id: "m4", value: "100%", title: "Focus on ROI", description: "Every strategy and campaign is built to maximize your return on investment.", icon: DollarSign,
},
]}
title="Measurable Results That Drive Growth"
description="Our data-driven approach ensures every campaign contributes to your bottom line. We focus on outcomes, not just outputs, to deliver real business impact."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah Johnson", date: "May 2024", title: "Transformed our digital presence", quote: "BigFront didn't just build us a website; they built a complete growth system. Our leads have doubled, and our conversion rates are at an all-time high. A truly strategic partner!", tag: "B2B SaaS", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg", avatarAlt: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/content-creators-meeting-sharing-creative-ideas_53876-104680.jpg", imageAlt: "Team collaborating in modern office"},
{
id: "2", name: "David Chen", date: "April 2024", title: "Exceptional ROI from SEO", quote: "Their SEO expertise is unmatched. We've seen a significant jump in organic traffic and, more importantly, qualified leads. BigFront understands our market deeply.", tag: "E-commerce", avatarSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg", avatarAlt: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/graphic-concept-with-arrow-blocks_23-2148950417.jpg", imageAlt: "E-commerce growth charts"},
{
id: "3", name: "Emily Rodriguez", date: "March 2024", title: "Strategic and results-driven", quote: "As a growing B2B SaaS, we needed a partner who could think strategically. BigFront delivered, helping us refine our messaging and attract the right audience.", tag: "Tech Startup", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-vintage-business-clo_613910-1552.jpg", avatarAlt: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg", imageAlt: "SaaS platform UI screenshot"},
{
id: "4", name: "Michael Davies", date: "February 2024", title: "Real impact on our sales pipeline", quote: "The email marketing campaigns developed by BigFront have been incredibly effective. They've streamlined our lead nurturing and significantly boosted our sales pipeline.", tag: "Manufacturing", avatarSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", avatarAlt: "Michael Davies", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technician-optimizing-production-flow-using-laptop_482257-124916.jpg", imageAlt: "Industrial setting with digital overlays"},
{
id: "5", name: "Jessica Lee", date: "January 2024", title: "A true partner in growth", quote: "BigFront is more than just an agency; they're an extension of our team. Their dedication to our long-term success and understanding of our unique challenges is outstanding.", tag: "Non-Profit", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-african-businesswoman-manage-meeting_329181-20101.jpg", avatarAlt: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/woman-hoarding-tissue-covid-19-pandemic_53876-96940.jpg", imageAlt: "People collaborating for a cause"},
]}
title="What Our Clients Say"
description="Hear directly from the businesses we've helped achieve remarkable growth and overcome their biggest marketing challenges. Their success is our success."
buttonAnimation="opacity"
/>
</div>
<div id="case-studies" data-section="case-studies">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
carouselMode="buttons"
products={[
{
id: "cs1", name: "Boosting B2B SaaS Leads", price: "50% Lead Increase", variant: "Strategic SEO & Content", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241235.jpg", imageAlt: "Graph showing lead growth"},
{
id: "cs2", name: "Corporate Website Redesign", price: "200% Engagement Jump", variant: "UX-driven Development", imageSrc: "http://img.b2bpic.net/free-photo/teleworker-using-accounting-statistics-graphs-project-research_482257-124366.jpg", imageAlt: "Modern corporate website design"},
{
id: "cs3", name: "Achieving Top Search Rankings", price: "Top 3 for Key Terms", variant: "Advanced SEO Strategy", imageSrc: "http://img.b2bpic.net/free-photo/growth-status-technology-online-website-concept_53876-21396.jpg", imageAlt: "Search engine ranking illustration"},
{
id: "cs4", name: "High-Converting Email Campaigns", price: "30% CTR Increase", variant: "Automated Nurture Flows", imageSrc: "http://img.b2bpic.net/free-photo/social-platform-netwotk-digital-life_53876-124404.jpg", imageAlt: "Email marketing campaign metrics"},
{
id: "cs5", name: "Elevating Brand Recognition", price: "40% Brand Awareness", variant: "Integrated Marketing Strategy", imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294553.jpg", imageAlt: "Brand network illustration"},
{
id: "cs6", name: "Optimizing Conversion Funnels", price: "15% Conversion Boost", variant: "CRO & A/B Testing", imageSrc: "http://img.b2bpic.net/free-photo/network-graphic-overlay-background-laptop-screen_53876-132272.jpg", imageAlt: "Conversion rate optimization graph"},
]}
title="Our Success Stories"
description="Explore how BigFront delivers real business outcomes through strategic planning and execution. View our recent case studies and see the impact we've made."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1", title: "What kind of businesses do you typically work with?", content: "We primarily partner with mid-market B2B companies generating $5M-$50M in annual revenue, seeking strategic support for growth and lead generation."},
{
id: "q2", title: "How do you measure campaign effectiveness?", content: "Our approach is purely data-driven. We establish clear KPIs upfront and provide transparent reporting on metrics like ROI, lead volume, conversion rates, and revenue impact."},
{
id: "q3", title: "What makes BigFront different from other agencies?", content: "We prioritize quality over quantity, focusing on long-term partnerships with selected clients. Our integrated growth systems are designed for measurable results, not just vanity metrics."},
{
id: "q4", title: "How do we get started with BigFront?", content: "The best way to begin is to schedule a free consultation with our team. We'll discuss your business goals, challenges, and explore how our strategic marketing can drive your growth."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about our agency, services, and how we deliver value, ensuring transparency and trust with our clients."
@@ -282,4 +73,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fcf6ec;
--card: #f3ede2;
--foreground: #2e2521;
--primary-cta: #2e2521;
--primary-cta-text: #fcf6ec;
--background: #f5faff;
--card: #f1f8ff;
--foreground: #001122;
--primary-cta: #15479c;
--primary-cta-text: #f5faff;
--secondary-cta: #ffffff;
--secondary-cta-text: #2e2521;
--accent: #b2a28b;
--background-accent: #b2a28b;
--secondary-cta-text: #001122;
--accent: #a8cce8;
--background-accent: #7ba3cf;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);