bender/a3a6f5b5-8be2-4238-84f5-9629de24ca80
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_4 into main

Browse Source 
Merge version_4 into main
This commit was merged in pull request #7.
This commit is contained in:
bender
2026-06-02 11:54:02 +00:00
parent 92dfddf447 27b35985b2
commit 47ce6fd577
2 changed files with 29 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,14 +6,14 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Sparkles, ArrowUpRight, Users, Trophy } from "lucide-react";
import { Sparkles, Users } from "lucide-react";
const NAV_ITEMS = [
{ name: "Home", id: "/" },
{ name: "Work", id: "work" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "Services", id: "/services" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "contact" }
{ name: "Contact", id: "/contact" }
];
const FOOTER_COLUMNS = [
@@ -22,16 +22,16 @@ const FOOTER_COLUMNS = [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "Services", href: "/services" },
{ label: "Work", href: "/#work" },
{ label: "Contact", href: "/#contact" },
{ label: "Work", href: "/portfolio" },
{ label: "Contact", href: "/contact" },
],
},
{
title: "Services", items: [
{ label: "Web Development", href: "/services" },
{ label: "SEO", href: "/services" },
{ label: "Branding", href: "/services" },
{ label: "UI/UX Design", href: "/services" },
{ label: "Marketing Strategy", href: "/services" },
{ label: "Brand Identity", href: "/services" },
{ label: "Digital Campaigns", href: "/services" },
{ label: "Social Media Management", href: "/services" },
],
},
{
@@ -62,11 +62,12 @@ export default function AboutPage() {
<NavbarLayoutFloatingOverlay
brandName="HoB Media"
navItems={NAV_ITEMS}
button={{ text: "Get Started", href: "/#contact" }}
button={{ text: "Get Started", href: "/contact" }}
/>
<div id="about-hob-media" data-section="about-hob-media">
<MetricSplitMediaAbout
title="About HoB Media"
description="HoB Media is a full-service digital agency dedicated to crafting compelling online experiences. We partner with businesses to build impactful brands, drive growth, and achieve measurable results through innovative web design, development, and marketing strategies."
description="HoB Media is a dedicated digital agency specializing in crafting compelling brands and executing innovative marketing strategies. We partner with businesses to build impactful identities, drive growth, and achieve measurable results."
metrics={[
{ value: "10+", title: "Years Experience" },
{ value: "200+", title: "Projects Completed" },
@@ -79,9 +80,11 @@ export default function AboutPage() {
tag="Our Story"
tagIcon={Sparkles}
/>
</div>
<div id="team" data-section="team">
<TeamCardEleven
title="Meet Our Team"
description="Our diverse team of experts brings passion, creativity, and technical prowess to every project."
description="Our diverse team of experts brings passion, creativity, and strategic prowess to every project."
groups={[
{
id: "leadership", groupTitle: "Leadership", members: [
@@ -90,9 +93,9 @@ export default function AboutPage() {
],
},
{
id: "development", groupTitle: "Development & Marketing", members: [
{ id: "3", title: "Sarah Lee", subtitle: "Lead Developer", detail: "Building robust and scalable solutions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp?_wi=1", imageAlt: "Sarah Lee" },
{ id: "4", title: "Michael Chen", subtitle: "SEO Specialist", detail: "Boosting online visibility and traffic.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-4.webp", imageAlt: "Michael Chen" },
id: "marketing", groupTitle: "Marketing & Strategy", members: [
{ id: "3", title: "Sarah Lee", subtitle: "Marketing Strategist", detail: "Developing innovative and data-driven marketing campaigns.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp?_wi=1", imageAlt: "Sarah Lee" },
{ id: "4", title: "Michael Chen", subtitle: "Brand Specialist", detail: "Shaping powerful and memorable brand identities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-4.webp", imageAlt: "Michael Chen" },
],
},
]}
@@ -102,11 +105,14 @@ export default function AboutPage() {
tag="Our People"
tagIcon={Users}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="HoB Media"
copyrightText="© 2026 | HoB Media"
columns={FOOTER_COLUMNS}
/>
</div>
</ReactLenis>
</ThemeProvider>
);

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

@@ -5,7 +5,6 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Mail, Phone, MapPin, Sparkles } from "lucide-react";
const NAV_ITEMS = [
{ name: "Home", id: "/" },
@@ -26,10 +25,10 @@ const FOOTER_COLUMNS = [
},
{
title: "Services", items: [
{ label: "Web Development", href: "/services" },
{ label: "SEO", href: "/services" },
{ label: "Branding", href: "/services" },
{ label: "UI/UX Design", href: "/services" }
{ label: "Marketing Strategy", href: "/services" },
{ label: "Brand Identity", href: "/services" },
{ label: "Digital Campaigns", href: "/services" },
{ label: "Social Media Management", href: "/services" }
]
},
{
@@ -62,6 +61,7 @@ export default function ContactPage() {
navItems={NAV_ITEMS}
button={{ text: "Get Started", href: "/contact" }}
/>
<div id="contact-form" data-section="contact-form">
<ContactSplitForm
title="Get in Touch"
description="We'd love to hear from you! Fill out the form below or reach out directly."
@@ -78,11 +78,14 @@ export default function ContactPage() {
useInvertedBackground={false}
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="HoB Media"
copyrightText="© 2026 | HoB Media"
columns={FOOTER_COLUMNS}
/>
</div>
</ReactLenis>
</ThemeProvider>
);