Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-04-22 02:31:00 +00:00
4 changed files with 77 additions and 253 deletions

View File

@@ -8,29 +8,27 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { Award } from "lucide-react";
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
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">
<NavbarStyleFullscreen
navItems={[
{
name: "Work",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Work", id: "/" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Ben McDill"
/>
@@ -55,14 +53,8 @@ export default function LandingPage() {
title="My Philosophy"
description="I believe in the power of visual silence and rhythmic editing."
metrics={[
{
value: "100%",
title: "Authenticity",
},
{
value: "24fps",
title: "Classic Feel",
},
{ value: "100%", title: "Authenticity" },
{ value: "24fps", title: "Classic Feel" },
]}
imageSrc="http://img.b2bpic.net/free-photo/young-attractive-student-is-carrying-special-lamp-while-posing-photographer_613910-12972.jpg"
mediaAnimation="slide-up"
@@ -72,30 +64,14 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/solid-green-wall-textured-backdrop_53876-143106.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/solid-green-wall-textured-backdrop_53876-143106.jpg"
logoText="BM"
columns={[
{
title: "Navigation",
items: [
{
label: "Work",
href: "/",
},
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
{ title: "Navigation", items: [{ label: "Work", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -7,29 +7,27 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
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">
<NavbarStyleFullscreen
navItems={[
{
name: "Work",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Work", id: "/" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Ben McDill"
/>
@@ -38,9 +36,7 @@ export default function LandingPage() {
<div id="contact-body" data-section="contact-body">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Let's Talk"
title="Start a Project"
description="Open for collaborations and new assignments."
@@ -50,47 +46,24 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Connect"
title="Book a Consultation"
description="Let's discuss how we can bring your next story to life."
buttons={[
{
text: "Send Email",
href: "mailto:hello@benmcdill.com",
},
]}
buttons={[{ text: "Send Email", href: "mailto:hello@benmcdill.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/solid-green-wall-textured-backdrop_53876-143106.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/solid-green-wall-textured-backdrop_53876-143106.jpg"
logoText="BM"
columns={[
{
title: "Navigation",
items: [
{
label: "Work",
href: "/",
},
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
{ title: "Navigation", items: [{ label: "Work", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -7,29 +7,27 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
export default function LandingPage() {
export default function FilmDetailsPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
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">
<NavbarStyleFullscreen
navItems={[
{
name: "Work",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Work", id: "/" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Ben McDill"
/>
@@ -44,16 +42,8 @@ export default function LandingPage() {
title="Technical Specs"
description="Equipment and techniques used for this project."
features={[
{
title: "4K RAW",
description: "High fidelity capture.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cinema-movie-theater_23-2151928691.jpg",
},
{
title: "Anamorphic",
description: "Widescreen aesthetic.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290160.jpg",
},
{ title: "4K RAW", description: "High fidelity capture.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cinema-movie-theater_23-2151928691.jpg" },
{ title: "Anamorphic", description: "Widescreen aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290160.jpg" },
]}
/>
</div>
@@ -67,50 +57,22 @@ export default function LandingPage() {
title="Related Projects"
description="Similar visual styles."
products={[
{
id: "r1",
name: "Echoes",
price: "2023",
variant: "Noir",
imageSrc: "http://img.b2bpic.net/free-photo/view-empty-soccer-stadium-with-fantasy-dreamy-sky_23-2151563127.jpg",
},
{
id: "r2",
name: "City",
price: "2022",
variant: "Urban",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-running-night-city-streets_23-2149285659.jpg",
},
{ id: "r1", name: "Echoes", price: "2023", variant: "Noir", imageSrc: "http://img.b2bpic.net/free-photo/view-empty-soccer-stadium-with-fantasy-dreamy-sky_23-2151563127.jpg" },
{ id: "r2", name: "City", price: "2022", variant: "Urban", imageSrc: "http://img.b2bpic.net/free-photo/young-man-running-night-city-streets_23-2149285659.jpg" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/solid-green-wall-textured-backdrop_53876-143106.jpg?_wi=4"
imageSrc="http://img.b2bpic.net/free-photo/solid-green-wall-textured-backdrop_53876-143106.jpg"
logoText="BM"
columns={[
{
title: "Navigation",
items: [
{
label: "Work",
href: "/",
},
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
{ title: "Navigation", items: [{ label: "Work", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -16,23 +16,21 @@ export default function LandingPage() {
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
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">
<NavbarStyleFullscreen
navItems={[
{
name: "Work",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Work", id: "/" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Ben McDill"
/>
@@ -40,9 +38,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Ben McDill"
description="Director & Cinematographer telling stories through the lens."
imageSrc="http://img.b2bpic.net/free-photo/lovely-couple-love-embracing-corridor_8353-7513.jpg"
@@ -56,42 +52,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Neon Dreams",
price: "2023",
imageSrc: "http://img.b2bpic.net/free-photo/pieces-portrait-concept-with-beautiful-woman_23-2149412306.jpg",
},
{
id: "p2",
name: "Silent Horizon",
price: "2022",
imageSrc: "http://img.b2bpic.net/free-photo/dramatic-sun-rays-breaking-through-dark-clouds-mountains_84443-85655.jpg",
},
{
id: "p3",
name: "Broken Echoes",
price: "2023",
imageSrc: "http://img.b2bpic.net/free-photo/jacket-white-shirt-hang-peg-hay-roll_1304-2730.jpg",
},
{
id: "p4",
name: "Midnight Train",
price: "2021",
imageSrc: "http://img.b2bpic.net/free-photo/blurry-sportsman-night-street_23-2147752843.jpg",
},
{
id: "p5",
name: "Golden Hour",
price: "2024",
imageSrc: "http://img.b2bpic.net/free-photo/wild-flowers-near-blurred-woman_23-2147781165.jpg",
},
{
id: "p6",
name: "Urban Pulse",
price: "2023",
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-dance-performance_1385-2149.jpg",
},
{ id: "p1", name: "Neon Dreams", price: "2023", imageSrc: "http://img.b2bpic.net/free-photo/pieces-portrait-concept-with-beautiful-woman_23-2149412306.jpg" },
{ id: "p2", name: "Silent Horizon", price: "2022", imageSrc: "http://img.b2bpic.net/free-photo/dramatic-sun-rays-breaking-through-dark-clouds-mountains_84443-85655.jpg" },
{ id: "p3", name: "Broken Echoes", price: "2023", imageSrc: "http://img.b2bpic.net/free-photo/jacket-white-shirt-hang-peg-hay-roll_1304-2730.jpg" },
{ id: "p4", name: "Midnight Train", price: "2021", imageSrc: "http://img.b2bpic.net/free-photo/blurry-sportsman-night-street_23-2147752843.jpg" },
{ id: "p5", name: "Golden Hour", price: "2024", imageSrc: "http://img.b2bpic.net/free-photo/wild-flowers-near-blurred-woman_23-2147781165.jpg" },
{ id: "p6", name: "Urban Pulse", price: "2023", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-dance-performance_1385-2149.jpg" },
]}
title="Selected Shorts"
description="Hover to preview the atmosphere. Click for full project insights."
@@ -106,33 +72,9 @@ export default function LandingPage() {
title="Production Reach"
description="Impact statistics from recent cinematic projects."
metrics={[
{
id: "m1",
value: "12+",
title: "Films Directed",
items: [
"Short form",
"Documentary",
],
},
{
id: "m2",
value: "5+",
title: "Years Experience",
items: [
"Agency",
"Freelance",
],
},
{
id: "m3",
value: "200k+",
title: "Views",
items: [
"Online",
"Festivals",
],
},
{ id: "m1", value: "12+", title: "Films Directed", items: ["Short form", "Documentary"] },
{ id: "m2", value: "5+", title: "Years Experience", items: ["Agency", "Freelance"] },
{ id: "m3", value: "200k+", title: "Views", items: ["Online", "Festivals"] },
]}
/>
</div>
@@ -146,16 +88,8 @@ export default function LandingPage() {
title="Core Services"
description="Tailored production solutions for every medium."
features={[
{
title: "Directing",
description: "Creative vision from concept to cut.",
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-new-movie_23-2149066317.jpg",
},
{
title: "Cinematography",
description: "Lighting and composition that speaks.",
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066354.jpg",
},
{ title: "Directing", description: "Creative vision from concept to cut.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-new-movie_23-2149066317.jpg" },
{ title: "Cinematography", description: "Lighting and composition that speaks.", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066354.jpg" },
]}
/>
</div>
@@ -167,41 +101,20 @@ export default function LandingPage() {
title="Trusted By"
description="Collaboration partners across the creative industry."
names={[
"FilmFest Global",
"Modern Arts",
"Urban Beat",
"Cinema Core",
"Visuals Inc",
]}
"FilmFest Global", "Modern Arts", "Urban Beat", "Cinema Core", "Visuals Inc"]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/solid-green-wall-textured-backdrop_53876-143106.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/solid-green-wall-textured-backdrop_53876-143106.jpg"
logoText="BM"
columns={[
{
title: "Navigation",
items: [
{
label: "Work",
href: "/",
},
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
{ title: "Navigation", items: [{ label: "Work", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}