Merge version_1 into main #2
182
src/app/page.tsx
182
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "#work",
|
||||
},
|
||||
name: "Work", id: "#work"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Natkhat Films"
|
||||
/>
|
||||
@@ -57,37 +47,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Your Story Deserves Motion and Impact"
|
||||
description="Award-ready creative campaigns that turn audiences into customers. See how we've transformed brands through strategic design and digital innovation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Work",
|
||||
href: "#work",
|
||||
},
|
||||
text: "Explore Our Work", href: "#work"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tape-recorder-near-white-wall_657883-215.jpg?_wi=1",
|
||||
imageAlt: "professional film production studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tape-recorder-near-white-wall_657883-215.jpg", imageAlt: "professional film production studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/messy-office-desk-still-life_23-2150155611.jpg?_wi=1",
|
||||
imageAlt: "advertising creative director workspace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/messy-office-desk-still-life_23-2150155611.jpg", imageAlt: "advertising creative director workspace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physics-optics-ray-refraction-cubic-prism_23-2148771751.jpg?_wi=1",
|
||||
imageAlt: "abstract digital media motion",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physics-optics-ray-refraction-cubic-prism_23-2148771751.jpg", imageAlt: "abstract digital media motion"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-led-lightning-system-view-from-back-white-movie-set_1268-15944.jpg",
|
||||
imageAlt: "Working led lightning system view from the back on white on a movie set",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-led-lightning-system-view-from-back-white-movie-set_1268-15944.jpg", imageAlt: "Working led lightning system view from the back on white on a movie set"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-photo-camera_23-2149537027.jpg",
|
||||
imageAlt: "Medium shot man holding photo camera",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-photo-camera_23-2149537027.jpg", imageAlt: "Medium shot man holding photo camera"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -98,10 +75,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Who We Are"
|
||||
description={[
|
||||
"We are a Delhi-based team of story-tellers who truly believe in visual media’s magic.",
|
||||
"Founded in 2019, under the aegis of Dev Khansuli, Natkhat Films has worked relentlessly to deliver quality content to our clients.",
|
||||
"Today, Natkhat Films is one of Delhi’s most rising full-service production houses with an enviable clientele that includes brands from both public and private sectors.",
|
||||
]}
|
||||
"We are a Delhi-based team of story-tellers who truly believe in visual media’s magic.", "Founded in 2019, under the aegis of Dev Khansuli, Natkhat Films has worked relentlessly to deliver quality content to our clients.", "Today, Natkhat Films is one of Delhi’s most rising full-service production houses with an enviable clientele that includes brands from both public and private sectors."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -112,55 +86,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Video Production",
|
||||
description: "Writing, filming, editing, layering, and finalizing for impactful visual outputs.",
|
||||
icon: Film,
|
||||
title: "Video Production", description: "Writing, filming, editing, layering, and finalizing for impactful visual outputs.", icon: Film,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066353.jpg",
|
||||
imageAlt: "film production gear cinematic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066353.jpg", imageAlt: "film production gear cinematic"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lots-led-lightning-systems-few-with-color-filters-stairs-movie-set_1268-15946.jpg",
|
||||
imageAlt: "film production gear cinematic",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tape-recorder-near-white-wall_657883-215.jpg?_wi=2",
|
||||
imageAlt: "film production gear cinematic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lots-led-lightning-systems-few-with-color-filters-stairs-movie-set_1268-15946.jpg", imageAlt: "film production gear cinematic"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Audio Production",
|
||||
description: "One-stop destination for recording, mixing, editing, and mastering high-quality audio.",
|
||||
icon: Mic,
|
||||
title: "Audio Production", description: "One-stop destination for recording, mixing, editing, and mastering high-quality audio.", icon: Mic,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-musician-working-editing-new-music-with-greenscreen_482257-121209.jpg",
|
||||
imageAlt: "sound recording booth audio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-musician-working-editing-new-music-with-greenscreen_482257-121209.jpg", imageAlt: "sound recording booth audio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sound-mixer_1359-8.jpg",
|
||||
imageAlt: "sound recording booth audio",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/messy-office-desk-still-life_23-2150155611.jpg?_wi=2",
|
||||
imageAlt: "film production gear cinematic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sound-mixer_1359-8.jpg", imageAlt: "sound recording booth audio"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Creative Design",
|
||||
description: "We create trends and deliver visionary designs that elevate your brand narrative.",
|
||||
icon: Palette,
|
||||
title: "Creative Design", description: "We create trends and deliver visionary designs that elevate your brand narrative.", icon: Palette,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/developer-smart-office-focuses-mockup-screen-dual-monitors_482257-118948.jpg",
|
||||
imageAlt: "graphic design workstation digital",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/developer-smart-office-focuses-mockup-screen-dual-monitors_482257-118948.jpg", imageAlt: "graphic design workstation digital"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-artist-desktop-graphics-tablet_93675-131334.jpg",
|
||||
imageAlt: "graphic design workstation digital",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physics-optics-ray-refraction-cubic-prism_23-2148771751.jpg?_wi=2",
|
||||
imageAlt: "film production gear cinematic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-artist-desktop-graphics-tablet_93675-131334.jpg", imageAlt: "graphic design workstation digital"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -176,45 +126,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sakshi Singh",
|
||||
role: "Client",
|
||||
company: "Reviewer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-outdoors-sunset-crossed-arms_158538-20634.jpg",
|
||||
},
|
||||
id: "1", name: "Sakshi Singh", role: "Client", company: "Reviewer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-outdoors-sunset-crossed-arms_158538-20634.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Priyanshu Khansuli",
|
||||
role: "Client",
|
||||
company: "Reviewer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
|
||||
},
|
||||
id: "2", name: "Priyanshu Khansuli", role: "Client", company: "Reviewer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Abhishek Dubey",
|
||||
role: "Client",
|
||||
company: "Reviewer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-holding-laptop-coffee-wearing-blue-gentle-shirt-modern-building-background_158595-6871.jpg",
|
||||
},
|
||||
id: "3", name: "Abhishek Dubey", role: "Client", company: "Reviewer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-holding-laptop-coffee-wearing-blue-gentle-shirt-modern-building-background_158595-6871.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Anonymous",
|
||||
role: "Client",
|
||||
company: "Reviewer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-cheerful-young-man-searches-job-browses-webpage-modern-cell-phone-checks-information-internet-sits-cafeteria-enjoys-sweet-dessert-fresh-drink_273609-29263.jpg",
|
||||
},
|
||||
id: "4", name: "Anonymous", role: "Client", company: "Reviewer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-cheerful-young-man-searches-job-browses-webpage-modern-cell-phone-checks-information-internet-sits-cafeteria-enjoys-sweet-dessert-fresh-drink_273609-29263.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Professional Team",
|
||||
role: "Client",
|
||||
company: "Reviewer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg",
|
||||
},
|
||||
id: "5", name: "Professional Team", role: "Client", company: "Reviewer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg"},
|
||||
]}
|
||||
title="Happy Faces"
|
||||
description="Trusted by our partners to deliver quality service with professionalism and expertise."
|
||||
@@ -225,8 +150,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact Us"
|
||||
title="Let's Tell Your Story"
|
||||
description="Reach out to us to start your next project. We are ready to bring your vision to life."
|
||||
@@ -239,41 +163,25 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Contact Info",
|
||||
items: [
|
||||
title: "Contact Info", items: [
|
||||
{
|
||||
label: "Phone: +91-8750599080",
|
||||
href: "tel:+918750599080",
|
||||
},
|
||||
label: "Phone: +91-8750599080", href: "tel:+918750599080"},
|
||||
{
|
||||
label: "Email: dev@natkhatfilms.com",
|
||||
href: "mailto:dev@natkhatfilms.com",
|
||||
},
|
||||
label: "Email: dev@natkhatfilms.com", href: "mailto:dev@natkhatfilms.com"},
|
||||
{
|
||||
label: "Address: New Delhi, India",
|
||||
href: "#",
|
||||
},
|
||||
label: "Address: New Delhi, India", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Work",
|
||||
href: "#work",
|
||||
},
|
||||
label: "Our Work", href: "#work"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user