Update src/app/page.tsx
This commit is contained in:
237
src/app/page.tsx
237
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "#portfolio"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Sri Krishna Studio"
|
||||
/>
|
||||
@@ -56,35 +48,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Capturing Moments, Creating Art"
|
||||
description="Sri Krishna Studio brings your stories to life through expert photography and artistic vision."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a4ea0i",
|
||||
imageAlt: "Studio Photography Session",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a4ea0i", imageAlt: "Studio Photography Session"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v89nsp",
|
||||
imageAlt: "Creative Studio Setting",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v89nsp", imageAlt: "Creative Studio Setting"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ytea7g",
|
||||
imageAlt: "Professional Camera Equipment",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ytea7g", imageAlt: "Professional Camera Equipment"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ha7mea",
|
||||
imageAlt: "Indoor Studio Portrait",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ha7mea", imageAlt: "Indoor Studio Portrait"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ed6np9",
|
||||
imageAlt: "Creative Light Setting",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ed6np9", imageAlt: "Creative Light Setting"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p0vary",
|
||||
imageAlt: "Modern Photography Studio",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p0vary", imageAlt: "Modern Photography Studio"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,9 +73,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="About Sri Krishna Studio"
|
||||
description={[
|
||||
"Founded with a passion for storytelling, we specialize in high-quality professional photography.",
|
||||
"From portrait sessions to commercial projects, our lens is your narrative.",
|
||||
]}
|
||||
"Founded with a passion for storytelling, we specialize in high-quality professional photography.", "From portrait sessions to commercial projects, our lens is your narrative."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -108,26 +85,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Portrait Photography",
|
||||
description: "Timeless portraits for individuals and families.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=23cmjz",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0m7ujs",
|
||||
buttonText: "View Gallery",
|
||||
},
|
||||
title: "Portrait Photography", description: "Timeless portraits for individuals and families.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=23cmjz", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0m7ujs", buttonText: "View Gallery"},
|
||||
{
|
||||
title: "Commercial Shoots",
|
||||
description: "Professional shots for your business branding.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4lf883",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ultnqe",
|
||||
buttonText: "See Work",
|
||||
},
|
||||
title: "Commercial Shoots", description: "Professional shots for your business branding.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4lf883", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ultnqe", buttonText: "See Work"},
|
||||
{
|
||||
title: "Wedding Moments",
|
||||
description: "Capturing the beauty of your special day.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yvxr4q",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o4zsj0",
|
||||
buttonText: "View Wedding",
|
||||
},
|
||||
title: "Wedding Moments", description: "Capturing the beauty of your special day.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yvxr4q", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o4zsj0", buttonText: "View Wedding"},
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="Explore the range of photography styles we excel at."
|
||||
@@ -140,45 +102,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Experience",
|
||||
quote: "The team at Sri Krishna Studio made me feel comfortable and the photos were stunning.",
|
||||
name: "Aarav K.",
|
||||
role: "Actor",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4bw7ad",
|
||||
},
|
||||
id: "1", title: "Great Experience", quote: "The team at Sri Krishna Studio made me feel comfortable and the photos were stunning.", name: "Aarav K.", role: "Actor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4bw7ad"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Professionalism",
|
||||
quote: "Exceptional service for our corporate branding. Highly recommended.",
|
||||
name: "Priya S.",
|
||||
role: "CEO",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w0o04l",
|
||||
},
|
||||
id: "2", title: "Professionalism", quote: "Exceptional service for our corporate branding. Highly recommended.", name: "Priya S.", role: "CEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w0o04l"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Wedding Magic",
|
||||
quote: "They captured every detail of our wedding perfectly. Thank you!",
|
||||
name: "Rahul & Meera",
|
||||
role: "Newlyweds",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9aoub1",
|
||||
},
|
||||
id: "3", title: "Wedding Magic", quote: "They captured every detail of our wedding perfectly. Thank you!", name: "Rahul & Meera", role: "Newlyweds", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9aoub1"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Perfect Portraits",
|
||||
quote: "Our family session was wonderful. The results are heartwarming.",
|
||||
name: "Sunita M.",
|
||||
role: "Teacher",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6wo5oo",
|
||||
},
|
||||
id: "4", title: "Perfect Portraits", quote: "Our family session was wonderful. The results are heartwarming.", name: "Sunita M.", role: "Teacher", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6wo5oo"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Artistic Vision",
|
||||
quote: "An amazing eye for detail. The portraits were beyond expectations.",
|
||||
name: "Vikram J.",
|
||||
role: "Model",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bbptsb",
|
||||
},
|
||||
id: "5", title: "Artistic Vision", quote: "An amazing eye for detail. The portraits were beyond expectations.", name: "Vikram J.", role: "Model", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bbptsb"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="See why our clients trust us with their most cherished moments."
|
||||
@@ -193,47 +125,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Express Portrait",
|
||||
price: "$150",
|
||||
variant: "Basic",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=du51ut",
|
||||
},
|
||||
id: "p1", name: "Express Portrait", price: "$150", variant: "Basic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=du51ut"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Wedding Deluxe",
|
||||
price: "$1500",
|
||||
variant: "Premium",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eotwgu",
|
||||
},
|
||||
id: "p2", name: "Wedding Deluxe", price: "$1500", variant: "Premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eotwgu"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Commercial Branding",
|
||||
price: "$500",
|
||||
variant: "Business",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ose3r",
|
||||
},
|
||||
id: "p3", name: "Commercial Branding", price: "$500", variant: "Business", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ose3r"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Event Coverage",
|
||||
price: "$300",
|
||||
variant: "Hourly",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dknfzx",
|
||||
},
|
||||
id: "p4", name: "Event Coverage", price: "$300", variant: "Hourly", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dknfzx"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Engagement Session",
|
||||
price: "$250",
|
||||
variant: "Special",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n9dbq5",
|
||||
},
|
||||
id: "p5", name: "Engagement Session", price: "$250", variant: "Special", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n9dbq5"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Family Portraits",
|
||||
price: "$200",
|
||||
variant: "Group",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=89y1si",
|
||||
},
|
||||
id: "p6", name: "Family Portraits", price: "$200", variant: "Group", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=89y1si"},
|
||||
]}
|
||||
title="Photography Packages"
|
||||
description="Choose a package that fits your needs."
|
||||
@@ -248,25 +150,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Sessions",
|
||||
description: "Creative shoots completed successfully.",
|
||||
icon: Camera,
|
||||
id: "m1", value: "500+", title: "Sessions", description: "Creative shoots completed successfully.", icon: Camera,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12+",
|
||||
title: "Years",
|
||||
description: "Of professional photography experience.",
|
||||
icon: Award,
|
||||
id: "m2", value: "12+", title: "Years", description: "Of professional photography experience.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Satisfaction",
|
||||
description: "Happy clients across all services.",
|
||||
icon: Star,
|
||||
id: "m3", value: "99%", title: "Satisfaction", description: "Happy clients across all services.", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -280,23 +170,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I book a session?",
|
||||
content: "Contact us via the form or phone to secure your date.",
|
||||
},
|
||||
id: "q1", title: "What is your photography style?", content: "We specialize in a blend of candid, lifestyle, and professional portrait photography tailored to your preference."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide prints?",
|
||||
content: "Yes, we offer premium printing options for all our clients.",
|
||||
},
|
||||
id: "q2", title: "How long does a session take?", content: "Standard sessions last between 60 to 90 minutes. Larger events or wedding packages are customized to your needs."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I bring my own props?",
|
||||
content: "Absolutely! We encourage personal touches.",
|
||||
},
|
||||
id: "q3", title: "How will I receive my photos?", content: "We deliver edited, high-resolution digital files via a secure online gallery within 2 weeks of the shoot."},
|
||||
{
|
||||
id: "q4", title: "Do you offer print packages?", content: "Yes, we provide professional-grade prints, canvas wall art, and custom photo albums. Contact us for a price list."}
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have the answers."
|
||||
description="Answers to common questions about our photography services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -304,20 +187,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Get in Touch"
|
||||
description="Ready to capture your memories? Send us a message."
|
||||
title="Book Your Session"
|
||||
description="Ready to capture your story? Fill out the form below to inquire about dates, pricing, or custom packages."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Full Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email Address"},
|
||||
{
|
||||
name: "phone", type: "tel", placeholder: "Phone Number"}
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell us about your project/event...", rows: 4
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y2xpb6"
|
||||
/>
|
||||
</div>
|
||||
@@ -327,28 +209,25 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
{ label: "Services", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Email: hello@srikrishnastudio.com" },
|
||||
{ label: "Phone: +1 (555) 0123" },
|
||||
{ label: "Available M-F, 9AM-6PM" },
|
||||
],
|
||||
}
|
||||
]}
|
||||
logoText="Sri Krishna Studio"
|
||||
/>
|
||||
@@ -356,4 +235,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user