Update src/app/page.tsx
This commit is contained in:
270
src/app/page.tsx
270
src/app/page.tsx
@@ -33,21 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Work", id: "portfolio"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Faithful Story Studio"
|
||||
/>
|
||||
@@ -57,98 +51,55 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Capturing Your Story, Faithfully"
|
||||
description="Professional photography and videography for families, couples, events, and organizations who believe in the power of authentic visual storytelling. From intimate outdoor sessions to livestreamed celebrations, we deliver cinematic quality with heart."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_m",
|
||||
testimonial: "An incredible experience capturing our family. Truly professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-portrait_23-2149403406.jpg",
|
||||
},
|
||||
name: "Sarah Miller", handle: "@sarah_m", testimonial: "An incredible experience capturing our family. Truly professional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-portrait_23-2149403406.jpg"},
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johnd",
|
||||
testimonial: "Excellent storytelling and technical excellence throughout the project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-serious-girl-with-long-hair_1139-182.jpg",
|
||||
},
|
||||
name: "John Doe", handle: "@johnd", testimonial: "Excellent storytelling and technical excellence throughout the project.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-serious-girl-with-long-hair_1139-182.jpg"},
|
||||
{
|
||||
name: "The Smiths",
|
||||
handle: "@smiths",
|
||||
testimonial: "They captured our celebration with such grace and detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-stylish-family-playing-autumn-field_1157-28079.jpg",
|
||||
},
|
||||
name: "The Smiths", handle: "@smiths", testimonial: "They captured our celebration with such grace and detail.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-stylish-family-playing-autumn-field_1157-28079.jpg"},
|
||||
{
|
||||
name: "Chloe & Sam",
|
||||
handle: "@chloesam",
|
||||
testimonial: "Our wedding photos are beyond what we imagined. Simply beautiful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-posing-together_23-2149480040.jpg",
|
||||
},
|
||||
name: "Chloe & Sam", handle: "@chloesam", testimonial: "Our wedding photos are beyond what we imagined. Simply beautiful.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-posing-together_23-2149480040.jpg"},
|
||||
{
|
||||
name: "Grace Ministry",
|
||||
handle: "@gracemin",
|
||||
testimonial: "Professional, reliable, and deeply aligned with our mission.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiled-wedding-couple-is-hugging-front-red-wall-outdoors-wedding-day-official-marriage_8353-11215.jpg",
|
||||
},
|
||||
name: "Grace Ministry", handle: "@gracemin", testimonial: "Professional, reliable, and deeply aligned with our mission.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiled-wedding-couple-is-hugging-front-red-wall-outdoors-wedding-day-official-marriage_8353-11215.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Our Work", href: "#portfolio"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/creepy-girl-with-bat_23-2147680494.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-taking-pics-mirror_23-2149735264.jpg",
|
||||
alt: "Portrait 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-taking-pics-mirror_23-2149735264.jpg", alt: "Portrait 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-white-portrait-beautiful-woman-posing-indoors-chair_23-2149630208.jpg",
|
||||
alt: "Portrait 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-white-portrait-beautiful-woman-posing-indoors-chair_23-2149630208.jpg", alt: "Portrait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-white-portrait-beautiful-woman-posing-indoors-chair_23-2149630210.jpg",
|
||||
alt: "Portrait 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-white-portrait-beautiful-woman-posing-indoors-chair_23-2149630210.jpg", alt: "Portrait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-floor_246466-14.jpg",
|
||||
alt: "Portrait 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-floor_246466-14.jpg", alt: "Portrait 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-man-relaxing-couch_1153-5092.jpg",
|
||||
alt: "Portrait 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-man-relaxing-couch_1153-5092.jpg", alt: "Portrait 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Storytelling",
|
||||
},
|
||||
type: "text", text: "Authentic Storytelling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cinematic Quality",
|
||||
},
|
||||
type: "text", text: "Cinematic Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Faith-Centered Vision",
|
||||
},
|
||||
type: "text", text: "Faith-Centered Vision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Reliability",
|
||||
},
|
||||
type: "text", text: "Professional Reliability"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Heart-Driven Craft",
|
||||
},
|
||||
type: "text", text: "Heart-Driven Craft"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,19 +110,13 @@ export default function LandingPage() {
|
||||
title="Our Studio Values"
|
||||
metrics={[
|
||||
{
|
||||
label: "Photography Sessions",
|
||||
value: "500+",
|
||||
icon: Camera,
|
||||
label: "Photography Sessions", value: "500+", icon: Camera,
|
||||
},
|
||||
{
|
||||
label: "Events Covered",
|
||||
value: "150+",
|
||||
icon: Video,
|
||||
label: "Events Covered", value: "150+", icon: Video,
|
||||
},
|
||||
{
|
||||
label: "Stories Captured",
|
||||
value: "100%",
|
||||
icon: Heart,
|
||||
label: "Stories Captured", value: "100%", icon: Heart,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
@@ -185,25 +130,13 @@ export default function LandingPage() {
|
||||
description="From outdoor photography to live-streaming events, we bring your vision to life."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "outdoor",
|
||||
title: "Outdoor Photography",
|
||||
content: "Meaningful and authentic outdoor portrait and lifestyle photography sessions.",
|
||||
},
|
||||
id: "outdoor", title: "Outdoor Photography", content: "Meaningful and authentic outdoor portrait and lifestyle photography sessions."},
|
||||
{
|
||||
id: "events",
|
||||
title: "Event Coverage",
|
||||
content: "Cinematic and heartfelt event coverage for weddings, celebrations, and ministry events.",
|
||||
},
|
||||
id: "events", title: "Event Coverage", content: "Cinematic and heartfelt event coverage for weddings, celebrations, and ministry events."},
|
||||
{
|
||||
id: "live",
|
||||
title: "Live Streaming",
|
||||
content: "Professional live streaming services to connect your community in real-time.",
|
||||
},
|
||||
id: "live", title: "Live Streaming", content: "Professional live streaming services to connect your community in real-time."},
|
||||
{
|
||||
id: "branded",
|
||||
title: "Branded Content",
|
||||
content: "High-quality visual storytelling for faith-based nonprofits and organizations.",
|
||||
},
|
||||
id: "branded", title: "Branded Content", content: "High-quality visual storytelling for faith-based nonprofits and organizations."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cute-family-playing-autumn-field_1157-27679.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -218,41 +151,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Family Portrait",
|
||||
price: "Session",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-family-with-little-baby-son-posing-beautiful-autumn-pine-forest-sunny-day-handsome-man-his-pretty-brunette-wife_1328-3873.jpg",
|
||||
},
|
||||
id: "p1", name: "Family Portrait", price: "Session", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-family-with-little-baby-son-posing-beautiful-autumn-pine-forest-sunny-day-handsome-man-his-pretty-brunette-wife_1328-3873.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Wedding Ceremony",
|
||||
price: "Coverage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-holds-his-bride-his-arms-somewhere-nature_1153-5986.jpg",
|
||||
},
|
||||
id: "p2", name: "Wedding Ceremony", price: "Coverage", imageSrc: "http://img.b2bpic.net/free-photo/groom-holds-his-bride-his-arms-somewhere-nature_1153-5986.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Branded Story",
|
||||
price: "Content",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-studio-working-his-passion-model_23-2148424445.jpg",
|
||||
},
|
||||
id: "p3", name: "Branded Story", price: "Content", imageSrc: "http://img.b2bpic.net/free-photo/man-studio-working-his-passion-model_23-2148424445.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Live Event",
|
||||
price: "Stream",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-family-with-cute-little-daughter-walking-forest-sunset_1303-24062.jpg",
|
||||
},
|
||||
id: "p4", name: "Live Event", price: "Stream", imageSrc: "http://img.b2bpic.net/free-photo/young-family-with-cute-little-daughter-walking-forest-sunset_1303-24062.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Couple Session",
|
||||
price: "Art",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/garlands-greenery-pink-flowers-hang-from-balcony-stairs_1304-3760.jpg",
|
||||
},
|
||||
id: "p5", name: "Couple Session", price: "Art", imageSrc: "http://img.b2bpic.net/free-photo/garlands-greenery-pink-flowers-hang-from-balcony-stairs_1304-3760.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Nonprofit Story",
|
||||
price: "Film",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-blogger-recording-station_1303-22004.jpg",
|
||||
},
|
||||
id: "p6", name: "Nonprofit Story", price: "Film", imageSrc: "http://img.b2bpic.net/free-photo/young-male-blogger-recording-station_1303-22004.jpg"},
|
||||
]}
|
||||
title="Our Recent Work"
|
||||
description="A curated selection of our visual storytelling across various projects."
|
||||
@@ -265,45 +174,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Amazing Work",
|
||||
quote: "The team captured our story beautifully.",
|
||||
name: "Sarah M.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-looking-side-park_839833-34334.jpg",
|
||||
},
|
||||
id: "t1", title: "Amazing Work", quote: "The team captured our story beautifully.", name: "Sarah M.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-looking-side-park_839833-34334.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Truly Professional",
|
||||
quote: "Technical excellence mixed with a genuine heart for our mission.",
|
||||
name: "David W.",
|
||||
role: "Organizer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-caucasian-woman-posing-park_181624-55023.jpg",
|
||||
},
|
||||
id: "t2", title: "Truly Professional", quote: "Technical excellence mixed with a genuine heart for our mission.", name: "David W.", role: "Organizer", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-caucasian-woman-posing-park_181624-55023.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Highly Recommend",
|
||||
quote: "They made us feel comfortable and at ease during our shoot.",
|
||||
name: "The Johnson Family",
|
||||
role: "Clients",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-with-little-son-autumn-park_1157-22267.jpg",
|
||||
},
|
||||
id: "t3", title: "Highly Recommend", quote: "They made us feel comfortable and at ease during our shoot.", name: "The Johnson Family", role: "Clients", imageSrc: "http://img.b2bpic.net/free-photo/family-with-little-son-autumn-park_1157-22267.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Stunning Results",
|
||||
quote: "The videography was cinematic and very moving.",
|
||||
name: "Mark P.",
|
||||
role: "Couple",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-senior-couple-cuddling_23-2148333669.jpg",
|
||||
},
|
||||
id: "t4", title: "Stunning Results", quote: "The videography was cinematic and very moving.", name: "Mark P.", role: "Couple", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-senior-couple-cuddling_23-2148333669.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Wonderful Team",
|
||||
quote: "They were so accommodating and delivered on time.",
|
||||
name: "Grace Ministries",
|
||||
role: "Partner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-black-tuxedo-hugs-tender-stunning-bride-while-they-stan_8353-8052.jpg",
|
||||
},
|
||||
id: "t5", title: "Wonderful Team", quote: "They were so accommodating and delivered on time.", name: "Grace Ministries", role: "Partner", imageSrc: "http://img.b2bpic.net/free-photo/groom-black-tuxedo-hugs-tender-stunning-bride-while-they-stan_8353-8052.jpg"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Authentic experiences from those we have served."
|
||||
@@ -315,20 +194,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What kind of events do you cover?",
|
||||
content: "We cover weddings, ministry celebrations, corporate events, and live streams.",
|
||||
},
|
||||
id: "f1", title: "What kind of events do you cover?", content: "We cover weddings, ministry celebrations, corporate events, and live streams."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you travel?",
|
||||
content: "Yes, we travel for photography and videography assignments.",
|
||||
},
|
||||
id: "f2", title: "Do you travel?", content: "Yes, we travel for photography and videography assignments."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long until we receive content?",
|
||||
content: "Depending on the project, turnaround is typically 2-4 weeks.",
|
||||
},
|
||||
id: "f3", title: "How long until we receive content?", content: "Depending on the project, turnaround is typically 2-4 weeks."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -340,14 +210,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Grace Ministry",
|
||||
"Community Outreach",
|
||||
"Faith Network",
|
||||
"Youth Alliance",
|
||||
"Charity Foundations",
|
||||
"Christian Education",
|
||||
"Wedding Services",
|
||||
]}
|
||||
"Grace Ministry", "Community Outreach", "Faith Network", "Youth Alliance", "Charity Foundations", "Christian Education", "Wedding Services"]}
|
||||
title="Trusted By Faith Organizations"
|
||||
description="Partnering with ministries and non-profits dedicated to making an impact."
|
||||
/>
|
||||
@@ -357,14 +220,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Let's capture your story, faithfully."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@studio.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@studio.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -375,33 +235,23 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Services", href: "/#services"},
|
||||
{
|
||||
label: "Portfolio", href: "/#portfolio"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "/#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "/#faq"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user