Update src/app/page.tsx
This commit is contained in:
248
src/app/page.tsx
248
src/app/page.tsx
@@ -31,18 +31,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "#work",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Work", id: "#work" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Alex Rivers"
|
||||
/>
|
||||
@@ -50,72 +41,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Visual Storytelling, Elevated."
|
||||
description="Crafting premium cinematic content that brings your brand vision to life with precision, creativity, and professional post-production excellence."
|
||||
kpis={[
|
||||
{
|
||||
value: "120+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "8+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Happy Global Clients",
|
||||
},
|
||||
{ value: "120+", label: "Projects Completed" },
|
||||
{ value: "8+", label: "Years Experience" },
|
||||
{ value: "50+", label: "Happy Global Clients" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/silhouette-photographer-who-shoots-sunset-mountains_1150-7355.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-photographing-ocean-sunrise-silhouette-with-camera_169016-69969.jpg",
|
||||
alt: "Cinematic videographer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-with-camera-by-sea-morning-content-creator_169016-69638.jpg",
|
||||
alt: "Content creator",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-shooting-sunset-by-sea-silhouette-with-camera_169016-69775.jpg",
|
||||
alt: "Filmmaker at work",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photographer-golden-hour-by-sea-creative-moment_169016-69764.jpg",
|
||||
alt: "Professional photographer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teenager-doing-video-presenting-her-home-social-media-channels-fans_482257-119098.jpg",
|
||||
alt: "Social media videographer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-photographing-ocean-sunrise-silhouette-with-camera_169016-69969.jpg", alt: "Cinematic videographer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-with-camera-by-sea-morning-content-creator_169016-69638.jpg", alt: "Content creator" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-shooting-sunset-by-sea-silhouette-with-camera_169016-69775.jpg", alt: "Filmmaker at work" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/photographer-golden-hour-by-sea-creative-moment_169016-69764.jpg", alt: "Professional photographer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/teenager-doing-video-presenting-her-home-social-media-channels-fans_482257-119098.jpg", alt: "Social media videographer" },
|
||||
]}
|
||||
avatarText="Trusted by 50+ visionary creators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "4K Production",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Reach",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Grading",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Delivery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cinematic Craft",
|
||||
},
|
||||
{ type: "text", text: "4K Production" },
|
||||
{ type: "text", text: "Global Reach" },
|
||||
{ type: "text", text: "Expert Grading" },
|
||||
{ type: "text", text: "Fast Delivery" },
|
||||
{ type: "text", text: "Cinematic Craft" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,26 +85,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Brand Storytelling",
|
||||
description: "Defining your brand's unique narrative through intentional cinematography.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cafe-racer-style-motorbike_23-2148189624.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/professional-camera-tripod_1268-20718.jpg",
|
||||
buttonText: "View Project",
|
||||
},
|
||||
title: "Brand Storytelling", description: "Defining your brand's unique narrative through intentional cinematography.", imageSrc: "http://img.b2bpic.net/free-photo/man-cafe-racer-style-motorbike_23-2148189624.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/professional-camera-tripod_1268-20718.jpg", buttonText: "View Project"},
|
||||
{
|
||||
title: "Commercial Spots",
|
||||
description: "High-impact visual advertisements crafted for maximum market resonance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/journalist-taking-interview-from-woman_23-2149032398.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/adult-male-recording-training-home_23-2148581786.jpg",
|
||||
buttonText: "View Project",
|
||||
},
|
||||
title: "Commercial Spots", description: "High-impact visual advertisements crafted for maximum market resonance.", imageSrc: "http://img.b2bpic.net/free-photo/journalist-taking-interview-from-woman_23-2149032398.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/adult-male-recording-training-home_23-2148581786.jpg", buttonText: "View Project"},
|
||||
{
|
||||
title: "Documentary Film",
|
||||
description: "Raw, authentic storytelling that captures the essence of the human experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/man-studio-working-his-passion-model_23-2148424445.jpg",
|
||||
buttonText: "View Project",
|
||||
},
|
||||
title: "Documentary Film", description: "Raw, authentic storytelling that captures the essence of the human experience.", imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/man-studio-working-his-passion-model_23-2148424445.jpg", buttonText: "View Project"},
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="A glimpse into our production portfolio, ranging from commercial brand spots to cinematic documentary storytelling."
|
||||
@@ -168,27 +103,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4K",
|
||||
title: "Resolution",
|
||||
description: "Ultra-HD delivery",
|
||||
icon: Monitor,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "On Time",
|
||||
description: "Delivery guarantee",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Unlimited",
|
||||
title: "Creativity",
|
||||
description: "Conceptual depth",
|
||||
icon: Zap,
|
||||
},
|
||||
{ id: "m1", value: "4K", title: "Resolution", description: "Ultra-HD delivery", icon: Monitor },
|
||||
{ id: "m2", value: "100%", title: "On Time", description: "Delivery guarantee", icon: Clock },
|
||||
{ id: "m3", value: "Unlimited", title: "Creativity", description: "Conceptual depth", icon: Zap },
|
||||
]}
|
||||
title="Production Excellence"
|
||||
description="Numbers reflect our commitment to speed, quality, and technical precision in every frame."
|
||||
@@ -202,46 +119,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Marketing Director",
|
||||
company: "Global Brands Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-man-suit-isolated-white-background_613910-14459.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Thorne",
|
||||
role: "Creative Lead",
|
||||
company: "Agency 360",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Ross",
|
||||
role: "Founder",
|
||||
company: "Boutique Creative",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-virtual-reality-goggles_23-2148815672.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Vane",
|
||||
role: "Producer",
|
||||
company: "Film Foundry",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Doe",
|
||||
role: "Content Manager",
|
||||
company: "Tech Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designers-showing-pictures-his-coworkers-camera_1170-981.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", role: "Marketing Director", company: "Global Brands Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-man-suit-isolated-white-background_613910-14459.jpg" },
|
||||
{ id: "2", name: "David Thorne", role: "Creative Lead", company: "Agency 360", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg" },
|
||||
{ id: "3", name: "Elena Ross", role: "Founder", company: "Boutique Creative", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-virtual-reality-goggles_23-2148815672.jpg" },
|
||||
{ id: "4", name: "Mark Vane", role: "Producer", company: "Film Foundry", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg" },
|
||||
{ id: "5", name: "Jane Doe", role: "Content Manager", company: "Tech Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designers-showing-pictures-his-coworkers-camera_1170-981.jpg" },
|
||||
]}
|
||||
title="Client Perspectives"
|
||||
description="Hear what industry partners say about working with us on their high-stakes productions."
|
||||
@@ -250,41 +132,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="insights" data-section="insights">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Cinematic Insights"
|
||||
description="Notes from the field: gear, theory, and the philosophy behind professional visual production."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Theory",
|
||||
title: "The Art of Grading",
|
||||
excerpt: "Deep dive into color palettes that transform flat log footage into cinematic gold.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-way-photograph-product_23-2148970208.jpg",
|
||||
authorName: "Alex Rivers",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
|
||||
date: "Oct 12, 2024",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Tech",
|
||||
title: "Mastering Lighting",
|
||||
excerpt: "How to light high-end commercials without a massive budget.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disabled-fencer-special-equipment-wheelchair_23-2149229610.jpg",
|
||||
authorName: "Alex Rivers",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographers-working-studio_23-2150247210.jpg",
|
||||
date: "Oct 15, 2024",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Process",
|
||||
title: "Directing Talent",
|
||||
excerpt: "How to get authentic performances from non-professional talent in interviews.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographers-working-studio_23-2150247232.jpg",
|
||||
authorName: "Alex Rivers",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/joyful-man-white-tshirt-jacket-smiling-brown-background_197531-26657.jpg",
|
||||
date: "Oct 18, 2024",
|
||||
},
|
||||
{ id: "b1", category: "Theory", title: "The Art of Grading", excerpt: "Deep dive into color palettes that transform flat log footage into cinematic gold.", imageSrc: "http://img.b2bpic.net/free-photo/creative-way-photograph-product_23-2148970208.jpg", authorName: "Alex Rivers", authorAvatar: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg", date: "Oct 12, 2024" },
|
||||
{ id: "b2", category: "Tech", title: "Mastering Lighting", excerpt: "How to light high-end commercials without a massive budget.", imageSrc: "http://img.b2bpic.net/free-photo/disabled-fencer-special-equipment-wheelchair_23-2149229610.jpg", authorName: "Alex Rivers", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographers-working-studio_23-2150247210.jpg", date: "Oct 15, 2024" },
|
||||
{ id: "b3", category: "Process", title: "Directing Talent", excerpt: "How to get authentic performances from non-professional talent in interviews.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographers-working-studio_23-2150247232.jpg", authorName: "Alex Rivers", authorAvatar: "http://img.b2bpic.net/free-photo/joyful-man-white-tshirt-jacket-smiling-brown-background_197531-26657.jpg", date: "Oct 18, 2024" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -292,9 +148,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Booking"
|
||||
title="Start Your Production"
|
||||
description="Let's discuss your next project. We are ready to bring a fresh creative eye to your brand."
|
||||
@@ -306,43 +160,13 @@ export default function LandingPage() {
|
||||
logoText="Alex Rivers"
|
||||
columns={[
|
||||
{
|
||||
title: "Portfolio",
|
||||
items: [
|
||||
{
|
||||
label: "Work",
|
||||
href: "#work",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
title: "Portfolio", items: [{ label: "Work", href: "#work" }, { label: "About", href: "#about" }],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Commercials",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Documentary",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [{ label: "Commercials", href: "#" }, { label: "Documentary", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user