Merge version_1 into main #2
239
src/app/page.tsx
239
src/app/page.tsx
@@ -25,170 +25,93 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Tours",
|
||||
id: "tours",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="SafariLens"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Tours", id: "tours" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SafariLens"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Explore. Capture. Experience."
|
||||
description="Premium guided tours with professional photography for unforgettable memories."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shore-tree-shore-sunset_181624-28976.jpg?_wi=1"
|
||||
imageAlt="Epic safari sunset landscape"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Explore. Capture. Experience."
|
||||
description="Premium guided tours with professional photography for unforgettable memories."
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shore-tree-shore-sunset_181624-28976.jpg"
|
||||
imageAlt="Epic safari sunset landscape"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="tours" data-section="tours">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "t1",
|
||||
label: "Safari Adventure",
|
||||
title: "Wildlife Expeditions",
|
||||
items: [
|
||||
"Expert wildlife guides",
|
||||
"Photography workshops",
|
||||
"Luxury vehicle support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
label: "City Exploration",
|
||||
title: "Urban Gems",
|
||||
items: [
|
||||
"Hidden alleyways",
|
||||
"Street photography",
|
||||
"Local culture insights",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
label: "Beach Escape",
|
||||
title: "Coastal Relaxation",
|
||||
items: [
|
||||
"Stunning ocean views",
|
||||
"Professional shoot",
|
||||
"Guided coastal trails",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Tours"
|
||||
description="Discover a selection of premium, guided experiences designed for wildlife, city, and nature enthusiasts."
|
||||
/>
|
||||
</div>
|
||||
<div id="tours" data-section="tours">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "t1", label: "Safari Adventure", title: "Wildlife Expeditions", items: ["Expert wildlife guides", "Photography workshops", "Luxury vehicle support"] },
|
||||
{ id: "t2", label: "City Exploration", title: "Urban Gems", items: ["Hidden alleyways", "Street photography", "Local culture insights"] },
|
||||
{ id: "t3", label: "Beach Escape", title: "Coastal Relaxation", items: ["Stunning ocean views", "Professional shoot", "Guided coastal trails"] },
|
||||
]}
|
||||
title="Our Tours"
|
||||
description="Discover a selection of premium, guided experiences designed for wildlife, city, and nature enthusiasts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Wild Wildlife",
|
||||
price: "Featured",
|
||||
variant: "Gallery Shot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-lion-by-river-looks-thirsty-african-lion-closeup_488145-1745.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Mountain Peaks",
|
||||
price: "Featured",
|
||||
variant: "Gallery Shot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-hill-silhouettes-sunlight-sunrise_181624-60417.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ocean Serenity",
|
||||
price: "Featured",
|
||||
variant: "Gallery Shot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mesmerizing-view-sunset-rocky-seashore-kap-geinitzort-rostock-germany_181624-44260.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Mountain Hiker",
|
||||
price: "Featured",
|
||||
variant: "Gallery Shot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-sitting-edge-rocky-mountain_181624-14295.jpg",
|
||||
},
|
||||
]}
|
||||
title="Photography Gallery"
|
||||
description="A collection of our professional shots from across the globe."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Wild Wildlife", price: "Featured", variant: "Gallery Shot", imageSrc: "http://img.b2bpic.net/free-photo/african-lion-by-river-looks-thirsty-african-lion-closeup_488145-1745.jpg" },
|
||||
{ id: "p2", name: "Mountain Peaks", price: "Featured", variant: "Gallery Shot", imageSrc: "http://img.b2bpic.net/free-photo/landscape-hill-silhouettes-sunlight-sunrise_181624-60417.jpg" },
|
||||
{ id: "p3", name: "Ocean Serenity", price: "Featured", variant: "Gallery Shot", imageSrc: "http://img.b2bpic.net/free-photo/mesmerizing-view-sunset-rocky-seashore-kap-geinitzort-rostock-germany_181624-44260.jpg" },
|
||||
{ id: "p4", name: "Mountain Hiker", price: "Featured", variant: "Gallery Shot", imageSrc: "http://img.b2bpic.net/free-photo/person-sitting-edge-rocky-mountain_181624-14295.jpg" },
|
||||
]}
|
||||
title="Photography Gallery"
|
||||
description="A collection of our professional shots from across the globe."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="About SafariLens"
|
||||
description="We combine professional tour guiding with high-end photography to give you unforgettable memories. Whether it's wildlife, landscapes, or personal travel shoots — we capture it all."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Tours Led",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Photos Taken",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shore-tree-shore-sunset_181624-28976.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="About SafariLens"
|
||||
description="We combine professional tour guiding with high-end photography to give you unforgettable memories. Whether it's wildlife, landscapes, or personal travel shoots — we capture it all."
|
||||
metrics={[
|
||||
{ value: "100+", title: "Tours Led" },
|
||||
{ value: "5000+", title: "Photos Taken" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shore-tree-shore-sunset_181624-28976.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Let's Talk"
|
||||
title="Get in Touch"
|
||||
description="Email us at contact@safarilens.com to start your custom tour and photography package."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Let's Talk"
|
||||
title="Get in Touch"
|
||||
description="Email us at contact@safarilens.com to start your custom tour and photography package."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="SafariLens"
|
||||
copyrightText="© 2026 SafariLens. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="SafariLens"
|
||||
copyrightText="© 2026 SafariLens. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user