Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 08ae94bac6 | |||
| b08d252e95 | |||
| d0dd775a63 |
410
src/app/page.tsx
410
src/app/page.tsx
@@ -2,13 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -16,306 +17,119 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Boardwalk Business Services"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Boardwalk"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Business Services, Simplified."
|
||||
description="Boardwalk Business Services LLC provides expert strategic guidance, financial management, and operational efficiency to help your business thrive on the coast and beyond."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Boardwalk completely transformed our operational efficiency.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workplace-with-laptop-glasses-coffee_23-2147830082.jpg?_wi=1",
|
||||
imageAlt: "modern business office view",
|
||||
},
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@jdoe",
|
||||
testimonial: "Exceptional financial strategy, exactly what we needed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153838.jpg?_wi=1",
|
||||
imageAlt: "business team meeting professional",
|
||||
},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@erod",
|
||||
testimonial: "The best consulting partner we have ever worked with.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-light-bulb-icon-having-conversation-with-her-partner_23-2147826603.jpg?_wi=1",
|
||||
imageAlt: "business strategy icon",
|
||||
},
|
||||
{
|
||||
name: "Mark Stevens",
|
||||
handle: "@mstevens",
|
||||
testimonial: "Professional, reliable, and results-oriented.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-achievement-progress-develpoment-cogwheel-concept_53876-64990.jpg?_wi=1",
|
||||
imageAlt: "financial management icon",
|
||||
},
|
||||
{
|
||||
name: "Alice Wang",
|
||||
handle: "@awang",
|
||||
testimonial: "A game-changer for our small business growth.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/seo-search-engine-optimization-doodle-icons_107791-9646.jpg?_wi=1",
|
||||
imageAlt: "operations management icon",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workplace-with-laptop-glasses-coffee_23-2147830082.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg",
|
||||
alt: "Sarah Miller",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
alt: "John Doe",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-frowning-angry-bearded-man_171337-4237.jpg",
|
||||
alt: "Elena Rodriguez",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-bearded-man_171337-4228.jpg",
|
||||
alt: "Mark Stevens",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
alt: "Alice Wang",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 100+ industry leaders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategic Growth",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Financial Precision",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Operational Efficiency",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Coastal Excellence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Scaling",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Trust-Driven Business Solutions"
|
||||
description="Boardwalk Business Services LLC empowers organizations through transparent, expert-led consulting and operational excellence, building foundations for sustainable growth."
|
||||
tag="Strategic Partnership"
|
||||
rating={5}
|
||||
ratingText="Trusted by 100+ Industry Leaders"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/workplace-with-laptop-glasses-coffee_23-2147830082.jpg?_wi=1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153838.jpg?_wi=1" }
|
||||
]}
|
||||
buttons={[{ text: "Explore Services", href: "#features" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Dedicated to Your Success"
|
||||
description="With years of experience, our team specializes in bridging the gap between business goals and operational reality, ensuring long-term sustainability and growth."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Clients Served",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
title: "Retention Rate",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153838.jpg?_wi=2"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
names={["Industry Partners", "Coastal Ventures", "Global Growth", "Financial Trust"]}
|
||||
title="Proven Track Record of Excellence"
|
||||
description="Trusted by leaders in business"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Strategic Consulting",
|
||||
tags: [
|
||||
"Growth",
|
||||
"Planning",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-light-bulb-icon-having-conversation-with-her-partner_23-2147826603.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Financial Management",
|
||||
tags: [
|
||||
"Finance",
|
||||
"Budgeting",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-achievement-progress-develpoment-cogwheel-concept_53876-64990.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Operations Efficiency",
|
||||
tags: [
|
||||
"Efficiency",
|
||||
"Process",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/seo-search-engine-optimization-doodle-icons_107791-9646.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Core Services"
|
||||
description="Tailored solutions for your business needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Our Commitment to Transparency"
|
||||
description="We believe that trust is the foundation of every successful business relationship. Boardwalk integrates deep industry insight with clear, actionable strategy."
|
||||
bulletPoints={[
|
||||
{ title: "Full Integrity", description: "Honest, direct communication at every step." },
|
||||
{ title: "Strategic Alignment", description: "Your goals are our primary objective." },
|
||||
{ title: "Coastal Heritage", description: "Building strong businesses in local and global markets." }
|
||||
]}
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Excellent service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Doe",
|
||||
handle: "@jdoe",
|
||||
testimonial: "Very professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@erod",
|
||||
testimonial: "Strategic thinkers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-frowning-angry-bearded-man_171337-4237.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Stevens",
|
||||
handle: "@mstevens",
|
||||
testimonial: "Great experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-bearded-man_171337-4228.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice Wang",
|
||||
handle: "@awang",
|
||||
testimonial: "Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="What our clients are saying about our impact."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="blur-reveal"
|
||||
title="Core Capabilities"
|
||||
description="Professional services designed to optimize your operations and elevate your strategic positioning."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "s1", title: "Business Strategy", descriptions: ["Long-term planning", "Competitive market analysis"] },
|
||||
{ id: "s2", title: "Operational Audits", descriptions: ["Process refinement", "Efficiency improvement"] },
|
||||
{ id: "s3", title: "Financial Guidance", descriptions: ["Resource allocation", "Capital management"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to scale your business? Let's discuss how Boardwalk can support your vision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@boardwalkservices.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="Client Perspectives"
|
||||
description="See how we have helped our clients achieve their business goals."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah Miller", date: "March 2024", title: "Exceptional Guidance", quote: "Boardwalk's approach to strategic planning is unmatched.", tag: "Partner", avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-vector/blue-background-with-3d-polygons_1017-4330.jpg"
|
||||
logoText="Boardwalk Business Services"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Consulting",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Finance",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get in Touch"
|
||||
title="Start Your Partnership"
|
||||
description="Reach out to discuss your goals and see how we can help your business thrive."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Contact", items: [{ label: "Email Us", href: "mailto:hello@boardwalkservices.com" }] }
|
||||
]}
|
||||
bottomLeftText="© 2025 Boardwalk Business Services LLC"
|
||||
bottomRightText="All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user