Merge version_1 into main #2
231
src/app/page.tsx
231
src/app/page.tsx
@@ -32,26 +32,11 @@ 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: "Portfolio",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Portfolio", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LensCraft Studio"
|
||||
/>
|
||||
@@ -59,22 +44,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="LensCraft Studio"
|
||||
description="Transforming moments into timeless visual art. We specialize in bespoke photography design and professional retouching services."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Inquire Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Portfolio", href: "#products" },
|
||||
{ text: "Inquire Now", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-project_23-2150438971.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-project_23-2150438971.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -87,7 +64,7 @@ export default function LandingPage() {
|
||||
description="Every frame tells a story, and our mission is to elevate your brand through meticulous design and artistic precision."
|
||||
subdescription="With over a decade of experience in high-end photography design, we ensure every detail aligns perfectly with your brand identity."
|
||||
icon={Camera}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/extreme-closeup-dslr-camera_482257-122117.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/extreme-closeup-dslr-camera_482257-122117.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -99,42 +76,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Wedding Moments",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-studio_23-2148565552.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Nature Escapes",
|
||||
price: "$800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-photographing-with-vintage-camera_23-2147910212.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fashion Focus",
|
||||
price: "$1,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453350.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Urban Architecture",
|
||||
price: "$950",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-city-building-with-daylight-shadows_23-2149080234.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Corporate Portraits",
|
||||
price: "$600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-woman-with-jacket-posing-mirror_23-2148870746.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Travel Adventures",
|
||||
price: "$1,100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-kissing-covering-themselves-with-hat_1153-883.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Wedding Moments", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-studio_23-2148565552.jpg" },
|
||||
{ id: "p2", name: "Nature Escapes", price: "$800", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-photographing-with-vintage-camera_23-2147910212.jpg" },
|
||||
{ id: "p3", name: "Fashion Focus", price: "$1,500", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453350.jpg" },
|
||||
{ id: "p4", name: "Urban Architecture", price: "$950", imageSrc: "http://img.b2bpic.net/free-photo/view-city-building-with-daylight-shadows_23-2149080234.jpg" },
|
||||
{ id: "p5", name: "Corporate Portraits", price: "$600", imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-woman-with-jacket-posing-mirror_23-2148870746.jpg" },
|
||||
{ id: "p6", name: "Travel Adventures", price: "$1,100", imageSrc: "http://img.b2bpic.net/free-photo/couple-kissing-covering-themselves-with-hat_1153-883.jpg" },
|
||||
]}
|
||||
title="Portfolio Highlights"
|
||||
description="Discover our signature styles and visual narratives."
|
||||
@@ -147,45 +94,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Retouching",
|
||||
description: "Color grading and high-end skin smoothing.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-looking-camera-screen_23-2148085172.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-woman-sitting-greenhouse-with-headphones-book_197531-12351.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-project_23-2150438971.jpg?_wi=2",
|
||||
imageAlt: "photographer holding professional digital camera",
|
||||
title: "Precision Retouching", description: "Color grading and high-end skin smoothing.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/photographer-looking-camera-screen_23-2148085172.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-woman-sitting-greenhouse-with-headphones-book_197531-12351.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Art Direction",
|
||||
description: "Creative guidance for your brand shoots.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-shooting-hands-close-up-model-posing-background-studio_627829-6937.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-occupation-face-person-eyes_1368-3533.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/extreme-closeup-dslr-camera_482257-122117.jpg?_wi=2",
|
||||
imageAlt: "photographer holding professional digital camera",
|
||||
title: "Art Direction", description: "Creative guidance for your brand shoots.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/photographer-shooting-hands-close-up-model-posing-background-studio_627829-6937.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/background-occupation-face-person-eyes_1368-3533.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Visual Storytelling",
|
||||
description: "Editing suites and complete album builds.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-photographer-with-old-camera-his-hands-stylish-fashionable-girl-photographer-city-street_639032-2498.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-picture-retro-photocamera-sitting-cafe_8353-1386.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-studio_23-2148565552.jpg?_wi=2",
|
||||
imageAlt: "photographer holding professional digital camera",
|
||||
},
|
||||
title: "Visual Storytelling", description: "Editing suites and complete album builds.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/girl-photographer-with-old-camera-his-hands-stylish-fashionable-girl-photographer-city-street_639032-2498.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-picture-retro-photocamera-sitting-cafe_8353-1386.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Our Expertise"
|
||||
description="Advanced technical skills meeting raw artistic passion."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -194,61 +118,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "Jan 2025",
|
||||
title: "Creative Lead",
|
||||
quote: "Incredible attention to detail in every frame.",
|
||||
tag: "Wedding",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-portrait-garden_1328-1855.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-project_23-2150438971.jpg?_wi=3",
|
||||
imageAlt: "happy client portrait smiling after photoshoot",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
date: "Dec 2024",
|
||||
title: "Executive",
|
||||
quote: "The professional headshots have been transformational for our brand.",
|
||||
tag: "Corporate",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-leaning-table-camera-photo_23-2148565463.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/extreme-closeup-dslr-camera_482257-122117.jpg?_wi=3",
|
||||
imageAlt: "happy client portrait smiling after photoshoot",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
date: "Nov 2024",
|
||||
title: "Model",
|
||||
quote: "I've never felt so comfortable in front of a lens.",
|
||||
tag: "Fashion",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/going-out-concept-with-girl-night_23-2148140755.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-studio_23-2148565552.jpg?_wi=3",
|
||||
imageAlt: "happy client portrait smiling after photoshoot",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kevin L.",
|
||||
date: "Oct 2024",
|
||||
title: "Director",
|
||||
quote: "Visuals that perfectly align with our artistic direction.",
|
||||
tag: "Commercial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405997.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-with-children-park_1328-4030.jpg",
|
||||
imageAlt: "happy client portrait smiling after photoshoot",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria K.",
|
||||
date: "Sept 2024",
|
||||
title: "Designer",
|
||||
quote: "Simply the best eye for architecture I have worked with.",
|
||||
tag: "Architecture",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-photographing-with-vintage-camera_23-2147910212.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453350.jpg?_wi=2",
|
||||
imageAlt: "happy client portrait smiling after photoshoot",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", date: "Jan 2025", title: "Creative Lead", quote: "Incredible attention to detail in every frame.", tag: "Wedding", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-portrait-garden_1328-1855.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-project_23-2150438971.jpg", imageAlt: "happy client portrait smiling after photoshoot" },
|
||||
{ id: "2", name: "Mark D.", date: "Dec 2024", title: "Executive", quote: "The professional headshots have been transformational for our brand.", tag: "Corporate", avatarSrc: "http://img.b2bpic.net/free-photo/woman-leaning-table-camera-photo_23-2148565463.jpg", imageSrc: "http://img.b2bpic.net/free-photo/extreme-closeup-dslr-camera_482257-122117.jpg", imageAlt: "happy client portrait smiling after photoshoot" },
|
||||
{ id: "3", name: "Elena R.", date: "Nov 2024", title: "Model", quote: "I've never felt so comfortable in front of a lens.", tag: "Fashion", avatarSrc: "http://img.b2bpic.net/free-photo/going-out-concept-with-girl-night_23-2148140755.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-studio_23-2148565552.jpg", imageAlt: "happy client portrait smiling after photoshoot" },
|
||||
{ id: "4", name: "Kevin L.", date: "Oct 2024", title: "Director", quote: "Visuals that perfectly align with our artistic direction.", tag: "Commercial", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405997.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-with-children-park_1328-4030.jpg", imageAlt: "happy client portrait smiling after photoshoot" },
|
||||
{ id: "5", name: "Maria K.", date: "Sept 2024", title: "Designer", quote: "Simply the best eye for architecture I have worked with.", tag: "Architecture", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-photographing-with-vintage-camera_23-2147910212.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453350.jpg", imageAlt: "happy client portrait smiling after photoshoot" },
|
||||
]}
|
||||
title="What They Say"
|
||||
description="Kind words from our valued clients."
|
||||
@@ -261,21 +135,9 @@ export default function LandingPage() {
|
||||
title="Achievements"
|
||||
tag="Trusted Professional"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
description: "Industry Awards",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10k+",
|
||||
description: "Photos Retouched",
|
||||
},
|
||||
{ id: "m1", value: "500+", description: "Projects Completed" },
|
||||
{ id: "m2", value: "15+", description: "Industry Awards" },
|
||||
{ id: "m3", value: "10k+", description: "Photos Retouched" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -286,21 +148,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer international travel?",
|
||||
content: "Yes, we are available for worldwide bookings.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long is the editing process?",
|
||||
content: "Standard delivery is within 14 business days.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are files delivered in high resolution?",
|
||||
content: "Every package includes full-resolution files.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer international travel?", content: "Yes, we are available for worldwide bookings." },
|
||||
{ id: "q2", title: "How long is the editing process?", content: "Standard delivery is within 14 business days." },
|
||||
{ id: "q3", title: "Are files delivered in high resolution?", content: "Every package includes full-resolution files." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to help you get started."
|
||||
@@ -311,18 +161,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Collaborate"
|
||||
title="Ready to design your visual future?"
|
||||
description="Reach out for inquiries, custom quotes, or to book a consultation session."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@lenscraft.studio",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@lenscraft.studio" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user