Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
139
src/app/page.tsx
139
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user