271 lines
14 KiB
TypeScript
271 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Sparkles, Camera, Users, Target, Film, Image, Quote, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Antonio Gary"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Work", id: "portfolio" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
bottomLeftText="Memphis, TN"
|
|
bottomRightText="Creative Leader & Filmmaker"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
title="Visual Storyteller & Creative Leader"
|
|
description="Photographer, filmmaker, documentary producer, and community organizer from Memphis. Transforming visions into powerful visual narratives while leading and empowering youth. Currently a graduating senior at Melrose High School with a passion for creating impact through creative direction and project management."
|
|
background={{ variant: "plain" }}
|
|
tag="Creative Professional"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "View My Work", href: "#portfolio" },
|
|
{ text: "Get In Touch", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-product-photographer-doing-his-job-studio_23-2148970193.jpg", imageAlt: "Antonio Gary Portrait"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-camera-tripod_1268-20718.jpg", imageAlt: "Film Production Setup"
|
|
}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Trusted by Memphis Community Leaders & Organizations"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="About Antonio"
|
|
description="An 18-year-old creative visionary from Memphis combining photography, filmmaking, documentary production, youth leadership, and community organizing. With experience working alongside politicians and city leaders, Antonio brings strategic thinking to every creative project while maintaining a deep commitment to empowering the next generation."
|
|
tag="Our Story"
|
|
tagAnimation="blur-reveal"
|
|
bulletPoints={[
|
|
{
|
|
title: "Visual Creativity", description: "Expert in photography, filmmaking, and documentary production with an eye for compelling narratives", icon: Camera
|
|
},
|
|
{
|
|
title: "Community Impact", description: "Youth organizer and leader dedicated to empowering Memphis' next generation of changemakers", icon: Users
|
|
},
|
|
{
|
|
title: "Strategic Leadership", description: "Project manager with experience coordinating with city leaders, politicians, and organizations", icon: Target
|
|
},
|
|
{
|
|
title: "Digital Native", description: "Graduating senior at Melrose High School with modern storytelling and creative vision"
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/pensive-tailor-sitting-table-with-hand-chin-sewing-workshop_613910-5306.jpg"
|
|
imageAlt="Antonio Gary in Creative Space"
|
|
mediaAnimation="blur-reveal"
|
|
imagePosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<FeatureCardTwentyFive
|
|
title="Portfolio Highlights"
|
|
description="Showcasing diverse creative projects spanning photography, filmmaking, and documentary work"
|
|
tag="Featured Work"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
title: "Documentary Projects", description: "In-depth storytelling through documentaries capturing Memphis community narratives and social impact", icon: Film,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/musicial-music-live-band-performing-stage-with-different-lights_627829-10063.jpg?_wi=1", imageAlt: "Documentary Work Sample 1"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/musicial-music-live-band-performing-stage-with-different-lights_627829-10063.jpg?_wi=2", imageAlt: "Documentary Work Sample 2"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Photography Collection", description: "Professional photography spanning portraits, events, and commercial work with artistic vision", icon: Image,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/professional-minimalist-photo-storyboard_742173-6847.jpg?_wi=1", imageAlt: "Photography Sample 1"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/professional-minimalist-photo-storyboard_742173-6847.jpg?_wi=2", imageAlt: "Photography Sample 2"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardOne
|
|
title="Services & Expertise"
|
|
description="Comprehensive creative and organizational services tailored to your vision and community needs"
|
|
tag="What I Offer"
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "photography", name: "Professional Photography", price: "Custom Rates", imageSrc: "http://img.b2bpic.net/free-photo/portrait-photographer-photo-art-concept_23-2148565566.jpg", imageAlt: "Photography Services"
|
|
},
|
|
{
|
|
id: "filmmaking", name: "Filmmaking & Production", price: "Project-Based", imageSrc: "http://img.b2bpic.net/free-photo/professional-cameraman-recording-poeple-watching-football-public-place-night_1268-18138.jpg", imageAlt: "Filmmaking Services"
|
|
},
|
|
{
|
|
id: "youth-leadership", name: "Youth Organization & Leadership", price: "Consulting", imageSrc: "http://img.b2bpic.net/free-photo/african-lady-looking-camera_171337-11724.jpg", imageAlt: "Youth Leadership Services"
|
|
},
|
|
{
|
|
id: "project-management", name: "Project & Event Management", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting_53876-13583.jpg", imageAlt: "Project Management"
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What People Are Saying"
|
|
description="Testimonials from Memphis community leaders, collaborators, and those impacted by Antonio's work"
|
|
tag="Testimonials"
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "City Official", handle: "@memphis_leader", testimonial: "Antonio brings a fresh perspective to community projects. His ability to manage complex initiatives while maintaining creative excellence is exceptional.", rating: 5,
|
|
icon: Quote,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-leader-looking-through-window_1262-5623.jpg?_wi=1", imageAlt: "City Official"
|
|
},
|
|
{
|
|
id: "2", name: "Documentary Subject", handle: "@community_voice", testimonial: "Working with Antonio on our documentary was transformative. He captured our story with authenticity and respect.", rating: 5,
|
|
icon: Quote,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg?_wi=1", imageAlt: "Documentary Subject"
|
|
},
|
|
{
|
|
id: "3", name: "Youth Program Director", handle: "@youth_organizer", testimonial: "Antonio's leadership has inspired dozens of young people. His energy and vision are infectious.", rating: 5,
|
|
icon: Quote,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-leader-looking-through-window_1262-5623.jpg?_wi=2", imageAlt: "Youth Program Director"
|
|
},
|
|
{
|
|
id: "4", name: "Event Coordinator", handle: "@events_memphis", testimonial: "From concept to execution, Antonio delivers. His project management skills are as impressive as his creative output.", rating: 5,
|
|
icon: Quote,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg?_wi=2", imageAlt: "Event Coordinator"
|
|
}
|
|
]}
|
|
showRating={false}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="Impact by Numbers"
|
|
description="Measurable achievements showcasing creative output and community leadership"
|
|
tag="Achievement"
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "50+", title: "Creative Projects Completed", items: ["Photography sessions", "Documentary productions", "Film projects"]
|
|
},
|
|
{
|
|
id: "2", value: "100+", title: "Youth Leaders Mentored", items: ["Community organizing", "Creative workshops", "Leadership training"]
|
|
},
|
|
{
|
|
id: "3", value: "15+", title: "Organizations & Leaders Partnered", items: ["City officials", "Community organizations", "Educational institutions"]
|
|
},
|
|
{
|
|
id: "4", value: "18", title: "Years Young & Growing", items: ["Graduating Senior at Melrose", "Melrose High School", "Memphis, TN based"]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Let's Collaborate"
|
|
title="Ready to Create Something Amazing?"
|
|
description="Whether you need photography, filmmaking, documentary production, youth leadership training, or project management, I'm here to bring your vision to life. Reach out to discuss your next creative project."
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "rotated-rays-animated-grid" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Get In Touch"
|
|
termsText="I respect your privacy. I'll only use your email to discuss creative collaborations."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Antonio Gary"
|
|
copyrightText="© 2025 Antonio Gary. Creative Portfolio. Memphis, TN."
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Work", href: "#portfolio" },
|
|
{ label: "Services", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Photography", href: "#services" },
|
|
{ label: "Filmmaking", href: "#services" },
|
|
{ label: "Documentary", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Email", href: "#contact" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Privacy Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|