Merge version_1 into main #1
207
src/app/page.tsx
207
src/app/page.tsx
@@ -32,30 +32,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
name: "Home", id: "home"
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "#about",
|
||||
name: "About", id: "about"
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
href: "#portfolio",
|
||||
name: "Portfolio", id: "portfolio"
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
href: "#pricing",
|
||||
name: "Pricing", id: "pricing"
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "#contact",
|
||||
},
|
||||
name: "Contact", id: "contact"
|
||||
}
|
||||
]}
|
||||
brandName="JD Media"
|
||||
bottomLeftText="Sports Photography"
|
||||
@@ -66,19 +56,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="JD Media"
|
||||
description="Capturing the intensity and emotion of sports. Specializing in dynamic sports photography for athletes and teams, ensuring every critical moment is preserved."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Portfolio", href: "#portfolio"},
|
||||
{
|
||||
text: "Book a Shoot",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Shoot", href: "#contact"},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gay-couple-multicolored-holi-powder-running-down-road_23-2148140981.jpg"
|
||||
@@ -94,17 +79,11 @@ export default function LandingPage() {
|
||||
description="I'm JD, a 15-year-old freelance photographer with a burning passion for freezing athletic moments in time. Primarily based in San Francisco, I've been honing my craft for 3 years, focusing intensely on the high-energy world of sports. My goal is to deliver impactful images that truly reflect the dedication, raw emotion, and competitive spirit of every athlete and team I photograph."
|
||||
metrics={[
|
||||
{
|
||||
value: "3+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "3+", title: "Years Experience"},
|
||||
{
|
||||
value: "20+",
|
||||
title: "Satisfied Clients",
|
||||
},
|
||||
value: "20+", title: "Satisfied Clients"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Events Covered",
|
||||
},
|
||||
value: "50+", title: "Events Covered"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-hipster-man-with-beard-stylish-hat-glasses-posing-with-retro-camera-hands_273443-2427.jpg"
|
||||
imageAlt="JD Media, a young photographer, with a camera"
|
||||
@@ -121,35 +100,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "JD Media",
|
||||
name: "Football Touchdown",
|
||||
price: "View Details",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amateur-football-concept-with-man-training_23-2147833458.jpg",
|
||||
imageAlt: "Football player scoring a touchdown",
|
||||
},
|
||||
id: "p1", brand: "JD Media", name: "Football Touchdown", price: "View Details", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/amateur-football-concept-with-man-training_23-2147833458.jpg", imageAlt: "Football player scoring a touchdown"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "JD Media",
|
||||
name: "Basketball Slam Dunk",
|
||||
price: "View Details",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-athletic-male-tennis-player_23-2151190070.jpg",
|
||||
imageAlt: "Basketball player mid-air during a slam dunk",
|
||||
},
|
||||
id: "p2", brand: "JD Media", name: "Basketball Slam Dunk", price: "View Details", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/view-athletic-male-tennis-player_23-2151190070.jpg", imageAlt: "Basketball player mid-air during a slam dunk"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "JD Media",
|
||||
name: "Soccer Goal Celebration",
|
||||
price: "View Details",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-male-baseball-player-field_23-2150995700.jpg",
|
||||
imageAlt: "Soccer player celebrating a goal",
|
||||
},
|
||||
id: "p3", brand: "JD Media", name: "Soccer Goal Celebration", price: "View Details", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/view-male-baseball-player-field_23-2150995700.jpg", imageAlt: "Soccer player celebrating a goal"},
|
||||
]}
|
||||
title="My Portfolio: Moments in Motion"
|
||||
description="A curated selection of my best sports photography, capturing peak action, raw emotion, and the defining moments of various athletic events. Each image tells a story of dedication and triumph."
|
||||
@@ -160,32 +118,17 @@ export default function LandingPage() {
|
||||
<PricingCardOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Popular",
|
||||
badgeIcon: Star,
|
||||
price: "$30",
|
||||
subtitle: "Per Shoot",
|
||||
features: [
|
||||
"1-hour session",
|
||||
"20+ edited photos",
|
||||
"Online gallery access",
|
||||
"High-resolution digital files",
|
||||
],
|
||||
id: "standard", badge: "Popular", badgeIcon: Star,
|
||||
price: "$30", subtitle: "Per Shoot", features: [
|
||||
"1-hour session", "20+ edited photos", "Online gallery access", "High-resolution digital files"],
|
||||
},
|
||||
{
|
||||
id: "event",
|
||||
badge: "Best Value",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Custom Quote",
|
||||
subtitle: "Per Event",
|
||||
features: [
|
||||
"Extended coverage",
|
||||
"50+ edited photos",
|
||||
"All digital files",
|
||||
"Travel included (negotiable)",
|
||||
],
|
||||
id: "event", badge: "Best Value", badgeIcon: Sparkles,
|
||||
price: "Custom Quote", subtitle: "Per Event", features: [
|
||||
"Extended coverage", "50+ edited photos", "All digital files", "Travel included (negotiable)"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Photography Packages"
|
||||
@@ -201,41 +144,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Coach Miller",
|
||||
role: "Head Coach",
|
||||
company: "Local Basketball Team",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-with-crossed-arms-t-shirt-looking-optimistic_176474-37253.jpg",
|
||||
content: "JD Media perfectly captured the intensity of our playoff game. The photos are incredible and truly show the team's spirit. Highly recommend!",
|
||||
id: "1", name: "Coach Miller", role: "Head Coach", company: "Local Basketball Team", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-with-crossed-arms-t-shirt-looking-optimistic_176474-37253.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah J.",
|
||||
role: "Athlete's Parent",
|
||||
company: "Community League",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-front-view_23-2149743762.jpg",
|
||||
content: "As a parent, I wanted photos that truly showed my daughter's passion for soccer. JD delivered beyond expectations. Amazing work and great to work with!",
|
||||
id: "2", name: "Sarah J.", role: "Athlete's Parent", company: "Community League", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-front-view_23-2149743762.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark D.",
|
||||
role: "Varsity Player",
|
||||
company: "High School Team",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-taking-interview_23-2149900293.jpg",
|
||||
content: "The photos JD took of my game were next level. They really helped me put together a strong portfolio for college applications. Super professional!",
|
||||
id: "3", name: "Mark D.", role: "Varsity Player", company: "High School Team", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-taking-interview_23-2149900293.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily R.",
|
||||
role: "Team Manager",
|
||||
company: "Youth Soccer Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-taking-care-kids_23-2149535105.jpg",
|
||||
content: "JD Media covered our youth club's championship. The photos were fantastic, capturing all the key moments and emotions. We'll definitely be booking again!",
|
||||
},
|
||||
id: "4", name: "Emily R.", role: "Team Manager", company: "Youth Soccer Club", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-taking-care-kids_23-2149535105.jpg"
|
||||
}
|
||||
]}
|
||||
title="What My Clients Say"
|
||||
description="Hear directly from athletes, teams, and families who have experienced JD Media's passion, professionalism, and commitment to capturing their most important sports moments."
|
||||
@@ -248,25 +171,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What types of sports do you photograph?",
|
||||
content: "I specialize in various sports including football, basketball, soccer, track and field, and more. If your sport isn't listed, feel free to reach out!",
|
||||
},
|
||||
id: "faq1", title: "What types of sports do you photograph?", content: "I specialize in various sports including football, basketball, soccer, track and field, and more. If your sport isn't listed, feel free to reach out!"},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "How do I book a shoot?",
|
||||
content: "You can easily book a shoot by filling out the contact form below or reaching out to me directly via email or phone. We'll discuss your needs and schedule a session.",
|
||||
},
|
||||
id: "faq2", title: "How do I book a shoot?", content: "You can easily book a shoot by filling out the contact form below or reaching out to me directly via email or phone. We'll discuss your needs and schedule a session."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "What is included in the 'per shoot' pricing?",
|
||||
content: "The $30 per shoot includes a 1-hour photography session, 20+ professionally edited high-resolution digital photos, and access to a private online gallery for easy viewing and sharing.",
|
||||
},
|
||||
id: "faq3", title: "What is included in the 'per shoot' pricing?", content: "The $30 per shoot includes a 1-hour photography session, 20+ professionally edited high-resolution digital photos, and access to a private online gallery for easy viewing and sharing."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Do you travel for shoots?",
|
||||
content: "Yes, I am available for travel! An additional fee may apply depending on the distance. Please contact me to discuss your specific travel requirements.",
|
||||
},
|
||||
id: "faq4", title: "Do you travel for shoots?", content: "Yes, I am available for travel! An additional fee may apply depending on the distance. Please contact me to discuss your specific travel requirements."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-microphone-sound-recording-macro-photography_169016-23076.jpg"
|
||||
imageAlt="Photography gear setup on a field"
|
||||
@@ -283,22 +194,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "contact_faq1",
|
||||
title: "What information should I include in my inquiry?",
|
||||
content: "Please include the sport, date/time of the event, location, and any specific moments or athletes you'd like to capture. The more details, the better!",
|
||||
},
|
||||
id: "contact_faq1", title: "What information should I include in my inquiry?", content: "Please include the sport, date/time of the event, location, and any specific moments or athletes you'd like to capture. The more details, the better!"},
|
||||
{
|
||||
id: "contact_faq2",
|
||||
title: "How long does it take to receive photos?",
|
||||
content: "Typically, you'll receive your edited photos within 5-7 business days after the shoot. Larger events may take a bit longer, but I'll always keep you updated.",
|
||||
},
|
||||
id: "contact_faq2", title: "How long does it take to receive photos?", content: "Typically, you'll receive your edited photos within 5-7 business days after the shoot. Larger events may take a bit longer, but I'll always keep you updated."},
|
||||
]}
|
||||
ctaTitle="Ready to Capture Your Moment?"
|
||||
ctaDescription="Let's connect and discuss your photography needs. Whether it's a single game or an entire season, I'm here to bring your athletic story to life. Reach out today!"
|
||||
ctaButton={{
|
||||
text: "Contact Me Now",
|
||||
href: "mailto:JDMedia@example.com",
|
||||
}}
|
||||
text: "Contact Me Now", href: "mailto:JDMedia@example.com"}}
|
||||
ctaIcon={Mail}
|
||||
/>
|
||||
</div>
|
||||
@@ -309,41 +212,27 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/jdmedia",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/jdmedia"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com/jdmedia",
|
||||
},
|
||||
label: "Twitter", href: "https://twitter.com/jdmedia"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user