Update src/app/page.tsx
This commit is contained in:
365
src/app/page.tsx
365
src/app/page.tsx
@@ -26,270 +26,121 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="BAV Media"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BAV Media"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="BAV Media"
|
||||
description="Industrial Photography and Videography for Solar Energy. High-quality visual documentation for developers, EPC contractors, and investors."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get In Touch",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192714.jpg?_wi=1",
|
||||
imageAlt: "Aerial view of Butimanu solar park",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-wall-background-texture_1194-605501.jpg?_wi=1",
|
||||
imageAlt: "Close up of solar panels at golden hour",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-solar-power-plant_661209-40.jpg?_wi=1",
|
||||
imageAlt: "Sun Kingdom construction documentation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-beautiful-young-woman-posing-smartphone-photo-city-garden-park-summer_231208-6767.jpg?_wi=1",
|
||||
imageAlt: "Industrial photography gear onsite",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192724.jpg?_wi=1",
|
||||
imageAlt: "Aerial drone shot of solar installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29990.jpg?_wi=1",
|
||||
imageAlt: "Geometry of solar park rows",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="BAV Media"
|
||||
description="Industrial Photography and Videography for Solar Energy. High-quality visual documentation for developers, EPC contractors, and investors."
|
||||
buttons={[{ text: "Get In Touch", href: "#contact" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192714.jpg", imageAlt: "Aerial view of Butimanu solar park" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/grunge-wall-background-texture_1194-605501.jpg", imageAlt: "Close up of solar panels at golden hour" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-solar-power-plant_661209-40.jpg", imageAlt: "Sun Kingdom construction documentation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/casual-beautiful-young-woman-posing-smartphone-photo-city-garden-park-summer_231208-6767.jpg", imageAlt: "Industrial photography gear onsite" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192724.jpg", imageAlt: "Aerial drone shot of solar installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29990.jpg", imageAlt: "Geometry of solar park rows" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Solar Park Documentation",
|
||||
description: "High-fidelity photo and video documentation of completed installations and active construction sites.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-shanghai_1127-4006.jpg",
|
||||
imageAlt: "Documentation service",
|
||||
},
|
||||
{
|
||||
title: "Construction Progress",
|
||||
description: "Reliable reporting on construction phases with regular, scheduled site visits and updates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-working-beer-factory_23-2150573900.jpg",
|
||||
imageAlt: "Construction reporting",
|
||||
},
|
||||
{
|
||||
title: "Aerial & Drone Coverage",
|
||||
description: "Professional-grade drone photography and videography for large-scale energy projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-farm-with-panels-producing-clean-ecologic-energy_169016-18169.jpg",
|
||||
imageAlt: "Drone aerial service",
|
||||
},
|
||||
]}
|
||||
title="Visual Documentation Services"
|
||||
description="Expert visual content tailored for the energy industry."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Solar Park Documentation", description: "High-fidelity photo and video documentation of completed installations and active construction sites.", imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-shanghai_1127-4006.jpg", imageAlt: "Documentation service" },
|
||||
{ title: "Construction Progress", description: "Reliable reporting on construction phases with regular, scheduled site visits and updates.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-working-beer-factory_23-2150573900.jpg", imageAlt: "Construction reporting" },
|
||||
{ title: "Aerial & Drone Coverage", description: "Professional-grade drone photography and videography for large-scale energy projects.", imageSrc: "http://img.b2bpic.net/free-photo/electric-farm-with-panels-producing-clean-ecologic-energy_169016-18169.jpg", imageAlt: "Drone aerial service" }
|
||||
]}
|
||||
title="Visual Documentation Services"
|
||||
description="Expert visual content tailored for the energy industry."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Butimanu",
|
||||
name: "300MW Solar Installation",
|
||||
price: "Completed",
|
||||
rating: 5,
|
||||
reviewCount: "500ha",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192714.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Sun Kingdom",
|
||||
name: "Slobozia Project",
|
||||
price: "Under Construction",
|
||||
rating: 5,
|
||||
reviewCount: "120ha",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-solar-power-plant_661209-40.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Corbii Mari",
|
||||
name: "Technical Documentation",
|
||||
price: "Full Report",
|
||||
rating: 5,
|
||||
reviewCount: "80ha",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192724.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Romania",
|
||||
name: "Regional Portfolio",
|
||||
price: "Aerial Study",
|
||||
rating: 5,
|
||||
reviewCount: "var.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-wall-background-texture_1194-605501.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Spain",
|
||||
name: "Development Site",
|
||||
price: "Photo Survey",
|
||||
rating: 5,
|
||||
reviewCount: "150ha",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-beautiful-young-woman-posing-smartphone-photo-city-garden-park-summer_231208-6767.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Italy",
|
||||
name: "Installation Detail",
|
||||
price: "Video Review",
|
||||
rating: 5,
|
||||
reviewCount: "var.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29990.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Showcasing solar park developments across Romania, Italy, and Spain."
|
||||
/>
|
||||
</div>
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", brand: "Butimanu", name: "300MW Solar Installation", price: "Completed", rating: 5, reviewCount: "500ha", imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192714.jpg" },
|
||||
{ id: "p2", brand: "Sun Kingdom", name: "Slobozia Project", price: "Under Construction", rating: 5, reviewCount: "120ha", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-solar-power-plant_661209-40.jpg" },
|
||||
{ id: "p3", brand: "Corbii Mari", name: "Technical Documentation", price: "Full Report", rating: 5, reviewCount: "80ha", imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192724.jpg" },
|
||||
{ id: "p4", brand: "Romania", name: "Regional Portfolio", price: "Aerial Study", rating: 5, reviewCount: "var.", imageSrc: "http://img.b2bpic.net/free-photo/grunge-wall-background-texture_1194-605501.jpg" },
|
||||
{ id: "p5", brand: "Spain", name: "Development Site", price: "Photo Survey", rating: 5, reviewCount: "150ha", imageSrc: "http://img.b2bpic.net/free-photo/casual-beautiful-young-woman-posing-smartphone-photo-city-garden-park-summer_231208-6767.jpg" },
|
||||
{ id: "p6", brand: "Italy", name: "Installation Detail", price: "Video Review", rating: 5, reviewCount: "var.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29990.jpg" }
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Showcasing solar park developments across Romania, Italy, and Spain."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Specialized Field Expertise"
|
||||
description="With 2+ years of field experience in solar parks across Romania, Italy, and Spain, BAV Media brings an industrial eye to visual storytelling. Using Canon and ProRes capture tools backed by 9+ years of professional post-production expertise, I document projects for decision-makers who value quality."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/casual-beautiful-young-woman-posing-smartphone-photo-city-garden-park-summer_231208-6767.jpg?_wi=3"
|
||||
imageAlt="BAV Media specialist in the field"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Specialized Field Expertise"
|
||||
description="With 2+ years of field experience in solar parks across Romania, Italy, and Spain, BAV Media brings an industrial eye to visual storytelling. Using Canon and ProRes capture tools backed by 9+ years of professional post-production expertise, I document projects for decision-makers who value quality."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/casual-beautiful-young-woman-posing-smartphone-photo-city-garden-park-summer_231208-6767.jpg"
|
||||
imageAlt="BAV Media specialist in the field"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The precision and professionalism of BAV Media's documentation significantly improved our project status reporting for investors."
|
||||
rating={5}
|
||||
author="Head of Engineering, SolarTech Solutions"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/industrial-consultant-examines-high-tech-solar-energy-production-line_482257-126062.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-executive-sitting-couch_1098-2454.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120604.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The precision and professionalism of BAV Media's documentation significantly improved our project status reporting for investors."
|
||||
rating={5}
|
||||
author="Head of Engineering, SolarTech Solutions"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/industrial-consultant-examines-high-tech-solar-energy-production-line_482257-126062.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/serious-executive-sitting-couch_1098-2454.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120604.jpg", alt: "Client 5" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Connect"
|
||||
title="Ready for your next project?"
|
||||
description="Based in Bucharest, Romania. Available for site visits across Europe. Reach out via email or connect on LinkedIn."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact BAV Media",
|
||||
href: "mailto:hello@bavmedia.ro",
|
||||
},
|
||||
{
|
||||
text: "LinkedIn Profile",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Connect"
|
||||
title="Ready for your next project?"
|
||||
description="Based in Bucharest, Romania. Available for site visits across Europe. Reach out via email or connect on LinkedIn."
|
||||
buttons={[
|
||||
{ text: "Contact BAV Media", href: "mailto:hello@bavmedia.ro" },
|
||||
{ text: "LinkedIn Profile", href: "https://linkedin.com" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="BAV Media"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Portfolio", href: "#portfolio" }, { label: "Services", href: "#services" }, { label: "About", href: "#about" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "LinkedIn", href: "https://linkedin.com" }] }
|
||||
]}
|
||||
logoText="BAV Media"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user