bender/95662760-2ad0-47b9-8f17-8dc87242ffe4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-04-02 19:18:00 +00:00
Conversation 0 Commits 4 Files Changed 4 +86 -280
4 changed files with 86 additions and 280 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/app/about/page.tsx
View File

@@ -8,7 +8,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { Linkedin, Twitter } from "lucide-react";
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
@@ -26,24 +26,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
]}
brandName="302 Connections"
button={{ text: "Contact Us", href: "/contact" }}
/>
</div>
@@ -51,9 +40,14 @@ export default function LandingPage() {
<MetricSplitMediaAbout
useInvertedBackground={false}
title="The Power of Real Human Connection"
description="302 Connections was founded on a simple belief: people trust people—not ads. In an era dominated by digital marketing, we bring brands back to what truly works—authentic, face-to-face engagement."
imageSrc="http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg?_wi=4"
description="302 Connections was founded on a simple belief."
metrics={[
{ value: "100%", title: "Human" },
{ value: "50+", title: "Projects" },
]}
imageSrc="http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
@@ -61,8 +55,8 @@ export default function LandingPage() {
<MediaAbout
useInvertedBackground={false}
title="Our Mission"
description="Creating human-first marketing experiences that bridge the gap between innovation and reality."
imageSrc="http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg?_wi=5"
description="Creating human-first marketing experiences."
imageSrc="http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg"
/>
</div>
@@ -71,16 +65,8 @@ export default function LandingPage() {
logoText="302 Connections"
copyrightText="© 2025 | 302 Connections"
socialLinks={[
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
{
icon: Linkedin,
href: "#",
ariaLabel: "LinkedIn",
},
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
]}
/>
</div>

53
src/app/contact/page.tsx
View File

@@ -8,7 +8,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { Linkedin, Twitter } from "lucide-react";
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
@@ -26,37 +26,24 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
]}
brandName="302 Connections"
button={{ text: "Contact Us", href: "/contact" }}
/>
</div>
<div id="contact-page-content" data-section="contact-page-content">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Let's Connect"
title="Schedule Your Consultation Today"
description="Ready to take your brand to the next level?"
imageSrc="http://img.b2bpic.net/free-photo/dark-textured-background-with-golden-stripe_84443-82399.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/dark-textured-background-with-golden-stripe_84443-82399.jpg"
mediaPosition="left"
inputPlaceholder="Enter your professional email"
/>
@@ -70,16 +57,8 @@ export default function LandingPage() {
description="Check our most frequently asked questions."
faqsAnimation="blur-reveal"
faqs={[
{
id: "c1",
title: "How can I book a call?",
content: "Simply fill out the form, and our team will contact you within 24 hours.",
},
{
id: "c2",
title: "Where are you located?",
content: "We are based in Delaware, but we serve clients nationwide.",
},
{ id: "c1", title: "How can I book a call?", content: "Fill out the form." },
{ id: "c2", title: "Where are you located?", content: "Delaware, nationwide." },
]}
/>
</div>
@@ -89,16 +68,8 @@ export default function LandingPage() {
logoText="302 Connections"
copyrightText="© 2025 | 302 Connections"
socialLinks={[
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
{
icon: Linkedin,
href: "#",
ariaLabel: "LinkedIn",
},
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
]}
/>
</div>

202
src/app/page.tsx
View File

@@ -29,90 +29,41 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
]}
brandName="302 Connections"
button={{ text: "Contact Us", href: "/contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Marketing People Can’t Ignore."
description="In a world of endless ads, we create real human connections that drive measurable growth."
buttons={[
{
text: "Book a Consultation",
href: "/contact",
},
{
text: "See How It Works",
href: "/services",
},
{ text: "Book a Consultation", href: "/contact" },
{ text: "See How It Works", href: "/services" },
]}
imageSrc="http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg"
imageAlt="Professional team collaboration"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg",
alt: "Team Member 1",
},
{
src: "http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg",
alt: "Team Member 2",
},
{
src: "http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg",
alt: "Team Member 3",
},
{
src: "http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg",
alt: "Team Member 4",
},
{
src: "http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg",
alt: "Team Member 5",
},
{ src: "http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg", alt: "Team Member 1" },
{ src: "http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg", alt: "Team Member 2" },
{ src: "http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg", alt: "Team Member 3" },
{ src: "http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg", alt: "Team Member 4" },
{ src: "http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg", alt: "Team Member 5" },
]}
marqueeItems={[
{
type: "text",
text: "ROI Focused",
},
{
type: "text",
text: "Human Centric",
},
{
type: "text",
text: "Data Driven",
},
{
type: "text",
text: "Scale Faster",
},
{
type: "text",
text: "Trusted Partner",
},
{ type: "text", text: "ROI Focused" },
{ type: "text", text: "Human Centric" },
{ type: "text", text: "Data Driven" },
{ type: "text", text: "Scale Faster" },
{ type: "text", text: "Trusted Partner" },
]}
/>
</div>
@@ -121,23 +72,15 @@ export default function LandingPage() {
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Built on Connection, Driven by Results"
description="Based in Delaware, 302 Connections helps brands grow through powerful, in-person marketing strategies. We combine professionalism, energy, and precision to deliver results that digital alone simply can’t match."
description="Based in Delaware, 302 Connections helps brands grow through powerful, in-person marketing strategies."
metrics={[
{
value: "92%",
title: "Engagement",
},
{
value: "3X",
title: "Higher ROI",
},
{
value: "100+",
title: "Brands Served",
},
{ value: "92%", title: "Engagement" },
{ value: "3X", title: "Higher ROI" },
{ value: "100+", title: "Brands Served" },
]}
imageSrc="http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
@@ -148,48 +91,20 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Customer Acquisition",
description: "Direct outreach that engages and converts audience.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg?_wi=2",
imageAlt: "Acquisition",
},
id: "f1", title: "Customer Acquisition", description: "Direct outreach that engages and converts audience.", media: { imageSrc: "http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg", imageAlt: "Acquisition" },
items: [
{
icon: Target,
text: "Precision Targeting",
},
{
icon: Users,
text: "Human Engagement",
},
{ icon: Target, text: "Precision Targeting" },
{ icon: Users, text: "Human Engagement" },
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg?_wi=3",
imageAlt: "business meeting modern professional office",
reverse: false
},
{
id: "f2",
title: "Brand Representation",
description: "Elevating your brand presence through high-impact interactions.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg?_wi=2",
imageAlt: "Brand",
},
id: "f2", title: "Brand Representation", description: "Elevating your brand presence through high-impact interactions.", media: { imageSrc: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg", imageAlt: "Brand" },
items: [
{
icon: ShieldCheck,
text: "Professionalism",
},
{
icon: Award,
text: "Brand Integrity",
},
{ icon: ShieldCheck, text: "Professionalism" },
{ icon: Award, text: "Brand Integrity" },
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg?_wi=3",
imageAlt: "professional team studio group photo",
reverse: true
},
]}
title="What We Do Best"
@@ -200,30 +115,15 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="Their approach is different—and it works. We saw immediate improvements in customer engagement."
testimonial="Their approach is different—and it works."
rating={5}
author="Client Partner"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg",
alt: "Client",
},
{
src: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg",
alt: "Client",
},
{
src: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg",
alt: "Client",
},
{
src: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg",
alt: "Client",
},
{
src: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg",
alt: "Client",
},
{ src: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg", alt: "Client" },
{ src: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg", alt: "Client" },
{ src: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg", alt: "Client" },
{ src: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg", alt: "Client" },
{ src: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg", alt: "Client" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -238,16 +138,8 @@ export default function LandingPage() {
description="Everything you need to know about our approach."
faqsAnimation="slide-up"
faqs={[
{
id: "q1",
title: "How do you define success?",
content: "We define success through tangible growth and real customer relationships.",
},
{
id: "q2",
title: "Do you work with startups?",
content: "Yes, we help brands of all sizes grow.",
},
{ id: "q1", title: "How do you define success?", content: "We define success through growth." },
{ id: "q2", title: "Do you work with startups?", content: "Yes, we help brands of all sizes grow." },
]}
/>
</div>
@@ -257,16 +149,8 @@ export default function LandingPage() {
logoText="302 Connections"
copyrightText="© 2025 | 302 Connections"
socialLinks={[
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
{
icon: Linkedin,
href: "#",
ariaLabel: "LinkedIn",
},
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
]}
/>
</div>

63
src/app/services/page.tsx
View File

@@ -8,7 +8,7 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { Linkedin, Twitter } from "lucide-react";
export default function LandingPage() {
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
@@ -26,24 +26,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
]}
brandName="302 Connections"
button={{ text: "Contact Us", href: "/contact" }}
/>
</div>
@@ -54,30 +43,14 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "s1",
title: "Direct Marketing Campaigns",
description: "High-impact, in-person outreach tailored to your audience.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg?_wi=4",
imageAlt: "Marketing",
},
id: "s1", title: "Direct Marketing Campaigns", description: "High-impact, in-person outreach.", media: { imageSrc: "http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg", imageAlt: "Marketing" },
items: [],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/dark-textured-background-with-golden-stripe_84443-82399.jpg?_wi=1",
imageAlt: "abstract architectural luxury background",
reverse: false
},
{
id: "s2",
title: "Customer Acquisition",
description: "We identify, engage, and convert your ideal customers.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg?_wi=6",
imageAlt: "Acquisition",
},
id: "s2", title: "Customer Acquisition", description: "We engage, and convert your ideal customers.", media: { imageSrc: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167760.jpg", imageAlt: "Acquisition" },
items: [],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg?_wi=5",
imageAlt: "business meeting modern professional office",
reverse: true
},
]}
title="Strategic. Personal. Effective."
@@ -89,8 +62,8 @@ export default function LandingPage() {
<MediaAbout
useInvertedBackground={false}
title="Why Choose Us?"
description="Because your brand deserves more than just an ad placement."
imageSrc="http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg?_wi=6"
description="Your brand deserves more than just an ad."
imageSrc="http://img.b2bpic.net/free-photo/female-office-executive-shaking-hand-new-male-team-member-employee_93675-133453.jpg"
/>
</div>
@@ -99,16 +72,8 @@ export default function LandingPage() {
logoText="302 Connections"
copyrightText="© 2025 | 302 Connections"
socialLinks={[
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
{
icon: Linkedin,
href: "#",
ariaLabel: "LinkedIn",
},
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
]}
/>
</div>