Merge version_1 into main #2
249
src/app/page.tsx
249
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "work",
|
||||
},
|
||||
name: "Work", id: "work"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LensCraft"
|
||||
/>
|
||||
@@ -58,15 +50,11 @@ export default function LandingPage() {
|
||||
description="Turning your vision into cinematic reality. High-end video production, editing, and storytelling for brands and creators."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#work",
|
||||
},
|
||||
text: "View Portfolio", href: "#work"},
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Me", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lots-led-lightning-systems-few-with-color-filters-stairs-movie-set_1268-15947.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lots-led-lightning-systems-few-with-color-filters-stairs-movie-set_1268-15947.jpg"
|
||||
imageAlt="Cinematic production studio"
|
||||
/>
|
||||
</div>
|
||||
@@ -78,23 +66,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Camera,
|
||||
title: "Projects Completed",
|
||||
value: "150+",
|
||||
},
|
||||
id: "1", icon: Camera,
|
||||
title: "Projects Completed", value: "150+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Award,
|
||||
title: "Awards Won",
|
||||
value: "12",
|
||||
},
|
||||
id: "2", icon: Award,
|
||||
title: "Awards Won", value: "12"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Users,
|
||||
title: "Satisfied Clients",
|
||||
value: "85+",
|
||||
},
|
||||
id: "3", icon: Users,
|
||||
title: "Satisfied Clients", value: "85+"},
|
||||
]}
|
||||
title="Impact by the Numbers"
|
||||
description="Evidence of excellence in every frame, delivered to global clients."
|
||||
@@ -103,46 +82,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="work" data-section="work">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Lifestyle Brand Story",
|
||||
price: "2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-drinking-walk-countryside_23-2147765393.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Lifestyle Brand Story", price: "2023", imageSrc: "http://img.b2bpic.net/free-photo/couple-drinking-walk-countryside_23-2147765393.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Corporate Event Highlights",
|
||||
price: "2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-night-street_1303-17062.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Corporate Event Highlights", price: "2023", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-night-street_1303-17062.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fashion Editorial",
|
||||
price: "2022",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885678.jpg",
|
||||
},
|
||||
id: "3", name: "Fashion Editorial", price: "2022", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885678.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tech Product Launch",
|
||||
price: "2022",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/actor-front-camera-audition_53876-139546.jpg",
|
||||
},
|
||||
id: "4", name: "Tech Product Launch", price: "2022", imageSrc: "http://img.b2bpic.net/free-photo/actor-front-camera-audition_53876-139546.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Music Video Project",
|
||||
price: "2021",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-sitting-office-night_171337-15594.jpg",
|
||||
},
|
||||
id: "5", name: "Music Video Project", price: "2021", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-sitting-office-night_171337-15594.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Documentary Short",
|
||||
price: "2021",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lights-city-square-floor_1359-794.jpg",
|
||||
},
|
||||
id: "6", name: "Documentary Short", price: "2021", imageSrc: "http://img.b2bpic.net/free-photo/lights-city-square-floor_1359-794.jpg"},
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="A collection of recent projects including commercials, event highlights, and creative shorts."
|
||||
@@ -156,79 +112,52 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Commercial Production",
|
||||
description: "High-impact commercials that drive conversions and build brand authority.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographers-exploring-abandoned-location_23-2150974347.jpg",
|
||||
imageAlt: "Commercial setup",
|
||||
},
|
||||
title: "Commercial Production", description: "High-impact commercials that drive conversions and build brand authority.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographers-exploring-abandoned-location_23-2150974347.jpg", imageAlt: "Commercial setup"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Full Pre-production",
|
||||
},
|
||||
text: "Full Pre-production"},
|
||||
{
|
||||
icon: Film,
|
||||
text: "4K Cinematic Capture",
|
||||
},
|
||||
text: "4K Cinematic Capture"},
|
||||
{
|
||||
icon: Edit,
|
||||
text: "Post-production Editing",
|
||||
},
|
||||
text: "Post-production Editing"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lots-led-lightning-systems-few-with-color-filters-stairs-movie-set_1268-15947.jpg?_wi=2",
|
||||
imageAlt: "cinematic drone landscape",
|
||||
},
|
||||
{
|
||||
title: "Event Cinematography",
|
||||
description: "Capturing the energy and key moments of your events with artistic precision.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/translucent-blurred-portrait-man_23-2149705689.jpg",
|
||||
imageAlt: "Event highlight",
|
||||
},
|
||||
title: "Event Cinematography", description: "Capturing the energy and key moments of your events with artistic precision.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/translucent-blurred-portrait-man_23-2149705689.jpg", imageAlt: "Event highlight"},
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
text: "Multi-cam Coverage",
|
||||
},
|
||||
text: "Multi-cam Coverage"},
|
||||
{
|
||||
icon: Music,
|
||||
text: "Sound Engineering",
|
||||
},
|
||||
text: "Sound Engineering"},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Quick Turnaround",
|
||||
},
|
||||
text: "Quick Turnaround"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-drinking-walk-countryside_23-2147765393.jpg?_wi=2",
|
||||
imageAlt: "cinematic drone landscape",
|
||||
},
|
||||
{
|
||||
title: "Creative Storytelling",
|
||||
description: "Engaging short-form content perfect for social media, YouTube, and marketing platforms.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058839.jpg",
|
||||
imageAlt: "Creative shoot",
|
||||
},
|
||||
title: "Creative Storytelling", description: "Engaging short-form content perfect for social media, YouTube, and marketing platforms.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058839.jpg", imageAlt: "Creative shoot"},
|
||||
items: [
|
||||
{
|
||||
icon: Share2,
|
||||
text: "Social Media Cuts",
|
||||
},
|
||||
text: "Social Media Cuts"},
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Color Grading",
|
||||
},
|
||||
text: "Color Grading"},
|
||||
{
|
||||
icon: Type,
|
||||
text: "Motion Graphics",
|
||||
},
|
||||
text: "Motion Graphics"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-night-street_1303-17062.jpg?_wi=2",
|
||||
imageAlt: "cinematic drone landscape",
|
||||
},
|
||||
]}
|
||||
title="Creative Services"
|
||||
@@ -238,63 +167,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivers",
|
||||
role: "Marketing Director",
|
||||
company: "EcoBrands",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148993906.jpg",
|
||||
},
|
||||
id: "1", name: "Alex Rivers", role: "Marketing Director", company: "EcoBrands", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148993906.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
role: "CEO",
|
||||
company: "TechStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-confident-senior-woman_23-2149304633.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Chen", role: "CEO", company: "TechStream", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-confident-senior-woman_23-2149304633.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Vane",
|
||||
role: "Creative Lead",
|
||||
company: "VaneStudios",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-movie-producer_23-2148915841.jpg",
|
||||
},
|
||||
id: "3", name: "Marcus Vane", role: "Creative Lead", company: "VaneStudios", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-movie-producer_23-2148915841.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Rossi",
|
||||
role: "Founder",
|
||||
company: "Rossi Collective",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-saleswoman-working-office-sitting-business-room-reading-writing-down_1258-193622.jpg",
|
||||
},
|
||||
id: "4", name: "Elena Rossi", role: "Founder", company: "Rossi Collective", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-saleswoman-working-office-sitting-business-room-reading-writing-down_1258-193622.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Holt",
|
||||
role: "Producer",
|
||||
company: "MediaHub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
|
||||
},
|
||||
id: "5", name: "James Holt", role: "Producer", company: "MediaHub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Client Satisfaction"},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Response Time",
|
||||
},
|
||||
value: "24h", label: "Response Time"},
|
||||
{
|
||||
value: "4K",
|
||||
label: "Output Quality",
|
||||
},
|
||||
value: "4K", label: "Output Quality"},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Hear what my partners and clients have to say about the production experience."
|
||||
@@ -306,20 +205,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is your typical production timeline?",
|
||||
content: "Depending on project complexity, timelines range from 2 to 4 weeks from filming to delivery.",
|
||||
},
|
||||
id: "1", title: "What is your typical production timeline?", content: "Depending on project complexity, timelines range from 2 to 4 weeks from filming to delivery."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you travel for shoots?",
|
||||
content: "Absolutely. I am available for both local and international project shoots.",
|
||||
},
|
||||
id: "2", title: "Do you travel for shoots?", content: "Absolutely. I am available for both local and international project shoots."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can you handle motion graphics?",
|
||||
content: "Yes, I offer full post-production services including advanced motion graphics and VFX.",
|
||||
},
|
||||
id: "3", title: "Can you handle motion graphics?", content: "Yes, I offer full post-production services including advanced motion graphics and VFX."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about working with LensCraft."
|
||||
@@ -331,16 +221,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to bring your vision to life?"
|
||||
description="Let's collaborate on your next project. Send me a message and we'll schedule a discovery call."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send a Message",
|
||||
href: "mailto:hello@lenscraft.com",
|
||||
},
|
||||
text: "Send a Message", href: "mailto:hello@lenscraft.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -351,41 +238,27 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Work",
|
||||
href: "#work",
|
||||
},
|
||||
label: "Work", href: "#work"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user