Merge version_1 into main #1
345
src/app/page.tsx
345
src/app/page.tsx
@@ -32,126 +32,44 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Memories Studio"
|
||||
button={{
|
||||
text: "Book Session",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Book Session", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Capture the Timeless."
|
||||
description="Memories Studio delivers premium, handcrafted photography sessions designed to immortalize your most significant life moments with artistic precision."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sjenkins",
|
||||
testimonial: "An incredible experience. Every shot felt like a piece of art.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-girl-photographer-dressed-gray-elegant-jacket-holding-cup-takeaway-coffee-while-leaning-table-room-with-loft-interior-looking-camera_613910-18246.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "The best studio for corporate headshots. Professional and efficient.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-black-suit-glasses-taking-selfie-using-smartphone-smiling-showing-thumbs-up-standing-blue-wall_141793-50973.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_r",
|
||||
testimonial: "Our family photos are absolutely stunning. A masterclass in lighting.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-taking-photos_23-2147997485.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Kim",
|
||||
handle: "@dkim_photo",
|
||||
testimonial: "Incredible attention to detail. Highly recommend for any creative shoot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-choosing-photos_23-2148565525.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alice Wong",
|
||||
handle: "@alicew",
|
||||
testimonial: "Absolutely obsessed with the final edits. Exceeded all expectations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-posing-black-dress_23-2149884627.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Session",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "An incredible experience. Every shot felt like a piece of art.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-girl-photographer-dressed-gray-elegant-jacket-holding-cup-takeaway-coffee-while-leaning-table-room-with-loft-interior-looking-camera_613910-18246.jpg" },
|
||||
{ name: "Michael Chen", handle: "@mchen", testimonial: "The best studio for corporate headshots. Professional and efficient.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-man-black-suit-glasses-taking-selfie-using-smartphone-smiling-showing-thumbs-up-standing-blue-wall_141793-50973.jpg" },
|
||||
{ name: "Elena Rodriguez", handle: "@elena_r", testimonial: "Our family photos are absolutely stunning. A masterclass in lighting.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-taking-photos_23-2147997485.jpg" },
|
||||
{ name: "David Kim", handle: "@dkim_photo", testimonial: "Incredible attention to detail. Highly recommend for any creative shoot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photographer-choosing-photos_23-2148565525.jpg" },
|
||||
{ name: "Alice Wong", handle: "@alicew", testimonial: "Absolutely obsessed with the final edits. Exceeded all expectations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-posing-black-dress_23-2149884627.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Book Your Session", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/arrangement-professional-photographer-equipment_23-2149033393.jpg"
|
||||
imageAlt="Studio Photography Session"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-sensual-brunette-girl-dressed-gray-elegant-jacket-leaning-brick-wall-room-with-loft-interior-looking-camera_613910-18212.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-indoor_624325-3501.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-black-suit-holding-his-hat_23-2148401481.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-sensual-brunette-girl-dressed-gray-elegant-jacket-leaning-brick-wall-room-with-loft-interior-looking-camera_613910-18212.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-young-woman-indoor_624325-3501.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-black-suit-holding-his-hat_23-2148401481.jpg", alt: "Client 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Photography",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Editorial Style",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Sessions",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Lighting",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artistic Vision",
|
||||
},
|
||||
{ type: "text", text: "Premium Photography" },
|
||||
{ type: "text", text: "Editorial Style" },
|
||||
{ type: "text", text: "Bespoke Sessions" },
|
||||
{ type: "text", text: "Professional Lighting" },
|
||||
{ type: "text", text: "Artistic Vision" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,33 +90,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Artistic Vision",
|
||||
tags: [
|
||||
"Creative",
|
||||
"Unique",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/combination-facial-features-collage_52683-105412.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Professional Tech",
|
||||
tags: [
|
||||
"High End",
|
||||
"Modern",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-professional-photographer-equipment_23-2149033391.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Tailored Sessions",
|
||||
tags: [
|
||||
"Custom",
|
||||
"Bespoke",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-tight-black-clothes-posing-with-raised-arm-dark-studio-front-view-pensive_7502-10514.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Artistic Vision", tags: ["Creative", "Unique"], imageSrc: "http://img.b2bpic.net/free-photo/combination-facial-features-collage_52683-105412.jpg" },
|
||||
{ id: "f2", title: "Professional Tech", tags: ["High End", "Modern"], imageSrc: "http://img.b2bpic.net/free-photo/arrangement-professional-photographer-equipment_23-2149033391.jpg" },
|
||||
{ id: "f3", title: "Tailored Sessions", tags: ["Custom", "Bespoke"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-tight-black-clothes-posing-with-raised-arm-dark-studio-front-view-pensive_7502-10514.jpg" }
|
||||
]}
|
||||
title="Unmatched Excellence"
|
||||
description="Our studio combines cutting-edge equipment with decades of expertise to deliver superior results."
|
||||
@@ -210,49 +104,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Gallery Prints",
|
||||
price: "From $250",
|
||||
variant: "Fine Art",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-bathtub_23-2147821068.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Digital Archives",
|
||||
price: "From $500",
|
||||
variant: "High-Res",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-white-cheese-black-plate_114579-50352.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Bespoke Sessions",
|
||||
price: "From $800",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-machines-barbershop_23-2147736972.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Event Coverage",
|
||||
price: "From $1200",
|
||||
variant: "Full Service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-is-standing-near-wall-sun-rays-almost-kissing-marriage-concept_8353-11220.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Editorial Shoots",
|
||||
price: "From $950",
|
||||
variant: "Artistic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-photography-studio_23-2150254686.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Family Portraits",
|
||||
price: "From $400",
|
||||
variant: "Lifestyle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-dslr-digital-camera-blank-spiral-notepad-sticky-notes-pen-camera-lens-belt-pink-background_23-2148038957.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Gallery Prints", price: "From $250", variant: "Fine Art", imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-bathtub_23-2147821068.jpg" },
|
||||
{ id: "p2", name: "Digital Archives", price: "From $500", variant: "High-Res", imageSrc: "http://img.b2bpic.net/free-photo/organic-white-cheese-black-plate_114579-50352.jpg" },
|
||||
{ id: "p3", name: "Bespoke Sessions", price: "From $800", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/different-machines-barbershop_23-2147736972.jpg" },
|
||||
{ id: "p4", name: "Event Coverage", price: "From $1200", variant: "Full Service", imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-is-standing-near-wall-sun-rays-almost-kissing-marriage-concept_8353-11220.jpg" },
|
||||
{ id: "p5", name: "Editorial Shoots", price: "From $950", variant: "Artistic", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-photography-studio_23-2150254686.jpg" },
|
||||
{ id: "p6", name: "Family Portraits", price: "From $400", variant: "Lifestyle", imageSrc: "http://img.b2bpic.net/free-photo/professional-dslr-digital-camera-blank-spiral-notepad-sticky-notes-pen-camera-lens-belt-pink-background_23-2148038957.jpg" }
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="A curated selection of our recent photography work, spanning portrait, lifestyle, and editorial styles."
|
||||
@@ -265,27 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
title: "Sessions",
|
||||
description: "Successful photo sessions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-photographer_52683-110082.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45",
|
||||
title: "Awards",
|
||||
description: "National photography awards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-his-photography-studio_23-2149033314.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Satisfaction",
|
||||
description: "Client retention rate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-director-watches-olympics-swimming-trial_482257-123070.jpg",
|
||||
},
|
||||
{ id: "m1", value: "1500+", title: "Sessions", description: "Successful photo sessions.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-photographer_52683-110082.jpg" },
|
||||
{ id: "m2", value: "45", title: "Awards", description: "National photography awards.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-his-photography-studio_23-2149033314.jpg" },
|
||||
{ id: "m3", value: "98%", title: "Satisfaction", description: "Client retention rate.", imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-director-watches-olympics-swimming-trial_482257-123070.jpg" }
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our track record reflects our commitment to artistic excellence."
|
||||
@@ -299,24 +140,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus Thorne",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-his-photography-studio_23-2149033322.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Lila Vance",
|
||||
role: "Lead Editor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-leather-jacket-taking-her-photos-funny-strange-positions_114579-27287.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jaxon Reed",
|
||||
role: "Studio Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-professional-camera_23-2148503561.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Marcus Thorne", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-his-photography-studio_23-2149033322.jpg" },
|
||||
{ id: "t2", name: "Lila Vance", role: "Lead Editor", imageSrc: "http://img.b2bpic.net/free-photo/girl-leather-jacket-taking-her-photos-funny-strange-positions_114579-27287.jpg" },
|
||||
{ id: "t3", name: "Jaxon Reed", role: "Studio Manager", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-professional-camera_23-2148503561.jpg" }
|
||||
]}
|
||||
title="Meet The Artists"
|
||||
description="The creative minds behind every captured moment."
|
||||
@@ -327,31 +153,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "ts1",
|
||||
name: "Client 1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-restaurant_1157-9056.jpg",
|
||||
},
|
||||
{
|
||||
id: "ts2",
|
||||
name: "Client 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
},
|
||||
{
|
||||
id: "ts3",
|
||||
name: "Client 3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-happy-family-with-little-child-park_132075-13157.jpg",
|
||||
},
|
||||
{
|
||||
id: "ts4",
|
||||
name: "Client 4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-artist-woman-holding-art-supplies-red-wall_114579-55992.jpg",
|
||||
},
|
||||
{
|
||||
id: "ts5",
|
||||
name: "Client 5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-posing-dark-sweater-standing-near-lamps_114579-81908.jpg",
|
||||
},
|
||||
{ id: "ts1", name: "Client 1", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-restaurant_1157-9056.jpg" },
|
||||
{ id: "ts2", name: "Client 2", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
|
||||
{ id: "ts3", name: "Client 3", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-happy-family-with-little-child-park_132075-13157.jpg" },
|
||||
{ id: "ts4", name: "Client 4", imageSrc: "http://img.b2bpic.net/free-photo/young-artist-woman-holding-art-supplies-red-wall_114579-55992.jpg" },
|
||||
{ id: "ts5", name: "Client 5", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-posing-dark-sweater-standing-near-lamps_114579-81908.jpg" }
|
||||
]}
|
||||
cardTitle="What Clients Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -364,21 +170,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I book?",
|
||||
content: "Reach out through our contact form.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer prints?",
|
||||
content: "Yes, we offer premium archival prints.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are digital assets included?",
|
||||
content: "All packages include high-res digital files.",
|
||||
},
|
||||
{ id: "q1", title: "How do I book?", content: "Reach out through our contact form." },
|
||||
{ id: "q2", title: "Do you offer prints?", content: "Yes, we offer premium archival prints." },
|
||||
{ id: "q3", title: "Are digital assets included?", content: "All packages include high-res digital files." }
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Everything you need to know about our process."
|
||||
@@ -389,9 +183,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-animated",
|
||||
}}
|
||||
background={{ variant: "downward-rays-animated" }}
|
||||
tag="Let's Connect"
|
||||
title="Book Your Session"
|
||||
description="Start your journey with Memories Studio by sharing a bit about your vision."
|
||||
@@ -403,46 +195,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Portfolio", href: "#portfolio" }, { label: "Booking", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
{ items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Twitter", href: "https://twitter.com" }] }
|
||||
]}
|
||||
logoText="Memories Studio"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user