Merge version_2 into main #1
200
src/app/page.tsx
200
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -31,45 +31,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lumina Studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Capturing Moments, Creating Stories"
|
||||
description="Professional photography and videography services for brands, individuals, and events. We bring your vision to life."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Session",
|
||||
href: "#contact",
|
||||
},
|
||||
buttons={[{ text: "Book Session", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885655.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-positive-brunette-female-eyeglasses-taking-pictures-with-professional-photo-camera-isolated-grey-background_613910-673.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885655.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -79,14 +60,8 @@ export default function LandingPage() {
|
||||
title="A Passion for Excellence"
|
||||
description="Lumina Studio combines artistic vision with technical precision to deliver stunning visual content that captures the essence of every subject."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "12",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{ value: "500+", title: "Projects Completed" },
|
||||
{ value: "12", title: "Years Experience" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-positive-brunette-female-eyeglasses-taking-pictures-with-professional-photo-camera-isolated-grey-background_613910-673.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -100,27 +75,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Photography",
|
||||
description: "High-end commercial, portrait, and event photography.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-wearing-sunglasses_23-2149443756.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-wearing-ruff_23-2148184631.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Videography",
|
||||
description: "Cinematic storytelling and professional brand film production.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/video-production-25-flat-color-icon-pack-including-lightning-illumination-clapper-board-studio-lights-spotlight_1142-26717.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/3d-render-movie-maker-3d-illustration-design_460848-9858.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Post-Production",
|
||||
description: "Professional editing, color grading, and visual effects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/radio-host-gesturing-while-recording-podcast-radio-studio_1157-47781.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/photo-editor-taking-break-after-doing-color-grading-images-relaxing-by-using-smartphone_482257-82262.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{ title: "Photography", description: "High-end commercial, portrait, and event photography.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-wearing-sunglasses_23-2149443756.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-wearing-ruff_23-2148184631.jpg", buttonText: "Learn More" },
|
||||
{ title: "Videography", description: "Cinematic storytelling and professional brand film production.", imageSrc: "http://img.b2bpic.net/free-vector/video-production-25-flat-color-icon-pack-including-lightning-illumination-clapper-board-studio-lights-spotlight_1142-26717.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/3d-render-movie-maker-3d-illustration-design_460848-9858.jpg", buttonText: "Learn More" },
|
||||
{ title: "Post-Production", description: "Professional editing, color grading, and visual effects.", imageSrc: "http://img.b2bpic.net/free-photo/radio-host-gesturing-while-recording-podcast-radio-studio_1157-47781.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/photo-editor-taking-break-after-doing-color-grading-images-relaxing-by-using-smartphone_482257-82262.jpg", buttonText: "Learn More" },
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="Comprehensive creative services tailored to your specific needs."
|
||||
@@ -133,39 +90,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essential",
|
||||
price: "$499",
|
||||
period: "session",
|
||||
description: "Perfect for individual portraits or small brand projects.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Included Features",
|
||||
features: [
|
||||
"1 hour session",
|
||||
"15 edited photos",
|
||||
"Online gallery",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Professional",
|
||||
price: "$1299",
|
||||
period: "session",
|
||||
description: "Best for commercial brands and complex event coverage.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Included Features",
|
||||
features: [
|
||||
"4 hours session",
|
||||
"50 edited photos",
|
||||
"Cinematic trailer",
|
||||
"Priority turnaround",
|
||||
],
|
||||
},
|
||||
{ id: "basic", tag: "Essential", price: "$499", period: "session", description: "Perfect for individual portraits or small brand projects.", button: { text: "Book Now" }, featuresTitle: "Included Features", features: ["1 hour session", "15 edited photos", "Online gallery"] },
|
||||
{ id: "pro", tag: "Professional", price: "$1299", period: "session", description: "Best for commercial brands and complex event coverage.", button: { text: "Book Now" }, featuresTitle: "Included Features", features: ["4 hours session", "50 edited photos", "Cinematic trailer", "Priority turnaround"] },
|
||||
]}
|
||||
title="Transparent Packages"
|
||||
description="Choose the perfect package for your creative requirements."
|
||||
@@ -179,21 +105,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "150+",
|
||||
description: "Happy Brands",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "100%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "5k+",
|
||||
description: "Photos Delivered",
|
||||
},
|
||||
{ id: "1", value: "150+", description: "Happy Brands" },
|
||||
{ id: "2", value: "100%", description: "Client Satisfaction" },
|
||||
{ id: "3", value: "5k+", description: "Photos Delivered" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our work speaks for itself."
|
||||
@@ -206,41 +120,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Creative Director",
|
||||
testimonial: "Lumina Studio provided outstanding visuals for our latest campaign. Professional and incredibly talented.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-outdoor_23-2148883562.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
role: "Marketing Lead",
|
||||
testimonial: "The videography quality was exceptional. They understood our brand voice perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Founder",
|
||||
testimonial: "Lumina made our photoshoot day effortless and the final images were breathtaking.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Smith",
|
||||
role: "Event Coordinator",
|
||||
testimonial: "Top-tier video production. Highly recommended for any event.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia Wong",
|
||||
role: "Content Strategist",
|
||||
testimonial: "Consistently great results across multiple projects. Reliable and creative.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-keeping-hands-hip-oversized-shirt-looking-pretty-front-view_176474-106754.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", role: "Creative Director", testimonial: "Lumina Studio provided outstanding visuals for our latest campaign. Professional and incredibly talented.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-outdoor_23-2148883562.jpg" },
|
||||
{ id: "2", name: "James Chen", role: "Marketing Lead", testimonial: "The videography quality was exceptional. They understood our brand voice perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", role: "Founder", testimonial: "Lumina made our photoshoot day effortless and the final images were breathtaking.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg" },
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Trusted by industry professionals and creative teams."
|
||||
@@ -252,21 +134,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I book a session?",
|
||||
content: "Contact us via the form below or email us to discuss your requirements.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What is the turnaround time?",
|
||||
content: "Typically 7-10 business days depending on the project scope.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer on-location shooting?",
|
||||
content: "Yes, we travel for shoots.",
|
||||
},
|
||||
{ id: "1", title: "How do I book a session?", content: "Contact us via the form below or email us to discuss your requirements." },
|
||||
{ id: "2", title: "What is the turnaround time?", content: "Typically 7-10 business days depending on the project scope." },
|
||||
{ id: "3", title: "Do you offer on-location shooting?", content: "Yes, we travel for shoots." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find quick answers to common questions about our process."
|
||||
@@ -277,9 +147,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get In Touch"
|
||||
title="Start Your Project"
|
||||
description="Ready to create something beautiful? Reach out today."
|
||||
@@ -289,14 +157,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Lumina Studio"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user