Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e2864b5f97 | |||
| b15547a2f8 | |||
| 032a1180ad | |||
| bbd937e754 | |||
| 9056da29f1 |
151
src/app/page.tsx
151
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Filter, Image, MapPin } from "lucide-react";
|
||||
import { Filter, Image, MapPin, Search, Layers, Camera } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Map", id: "map"},
|
||||
{
|
||||
name: "Guide", id: "features"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Carte", id: "map" },
|
||||
{ name: "Guide", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Urbex France"
|
||||
/>
|
||||
@@ -48,32 +44,22 @@ export default function LandingPage() {
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
title="Explore the Unseen"
|
||||
description="Discover forgotten architecture and historic ruins across France with our real-time interactive exploration map."
|
||||
title="Explorez l'Inconnu"
|
||||
description="Découvrez des architectures oubliées et des ruines historiques à travers la France avec notre carte d'exploration interactive en temps réel."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-picture-ginger-female-with-pure-white-skin-attractive-light-gown_181624-33380.jpg", alt: "Explorer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-autumn-smiling-lifestyle-portrait-pretty-young-woman-having-fun-city-with-camera-travel-photo-photographer-making-pictures-hipster-style_639032-2462.jpg", alt: "Explorer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoors-shot-old-abandoned-facility-suburban-city_181624-3449.jpg", alt: "Explorer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-trip_1098-16460.jpg", alt: "Explorer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-rocks_181624-16253.jpg", alt: "Explorer 5"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-picture-ginger-female-with-pure-white-skin-attractive-light-gown_181624-33380.jpg", alt: "Explorateur 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/outdoor-autumn-smiling-lifestyle-portrait-pretty-young-woman-having-fun-city-with-camera-travel-photo-photographer-making-pictures-hipster-style_639032-2462.jpg", alt: "Explorateur 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/indoors-shot-old-abandoned-facility-suburban-city_181624-3449.jpg", alt: "Explorateur 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-trip_1098-16460.jpg", alt: "Explorateur 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-rocks_181624-16253.jpg", alt: "Explorateur 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ urban explorers"
|
||||
avatarText="Rejoignez 5000+ explorateurs urbains"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "1200+ Abandoned Locations"},
|
||||
{
|
||||
type: "text", text: "France-wide Coverage"},
|
||||
{
|
||||
type: "text", text: "Community Verified"},
|
||||
{
|
||||
type: "text", text: "Safety First Guidelines"},
|
||||
{
|
||||
type: "text", text: "Weekly New Discoveries"},
|
||||
{ type: "text", text: "1200+ Lieux Abandonnés" },
|
||||
{ type: "text", text: "Couverture Nationale" },
|
||||
{ type: "text", text: "Vérifié par la Communauté" },
|
||||
{ type: "text", text: "Directives de Sécurité" },
|
||||
{ type: "text", text: "Nouveautés Hebdomadaires" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -84,51 +70,39 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Real-Time Tracking", description: "Locate yourself and nearby sites with GPS accuracy.", icon: MapPin,
|
||||
{ title: "Outils de Cartographie Pro", description: "Accès complet aux calques topographiques, mesures de distance et calques de superposition historique.", icon: Search,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-map_23-2150472748.jpg", imageAlt: "Map UI"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-new-methods-travel_23-2148232445.jpg", imageAlt: "Mobile Map"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-view-map_23-2150472748.jpg", imageAlt: "Outils GPS" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/old-new-methods-travel_23-2148232445.jpg", imageAlt: "Interface" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Ruin Categories", description: "Filter by industrial, residential, or historic sites.", icon: Filter,
|
||||
{ title: "Gestion de Calques", description: "Activez ou désactivez les couches pour filtrer par époque, type de site ou état de dégradation.", icon: Layers,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-old-abandoned-house-nature_23-2150166511.jpg", imageAlt: "Filters"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-old-abandoned-house-nature_23-2150166520.jpg", imageAlt: "Categories"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-old-abandoned-house-nature_23-2150166511.jpg", imageAlt: "Calques" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-old-abandoned-house-nature_23-2150166520.jpg", imageAlt: "Filtres" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community Gallery", description: "Click any point to view site photos from the community.", icon: Image,
|
||||
{ title: "Galerie Photos HD", description: "Visualisez les galeries haute résolution intégrées directement sur chaque épingle de la carte.", icon: Camera,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-picture-ginger-female-with-pure-white-skin-attractive-light-gown_181624-33380.jpg", imageAlt: "Gallery"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-abandoned-house-ruins-middle-nowhere_181624-32886.jpg", imageAlt: "Uploads"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-picture-ginger-female-with-pure-white-skin-attractive-light-gown_181624-33380.jpg", imageAlt: "Galerie" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/shot-abandoned-house-ruins-middle-nowhere_181624-32886.jpg", imageAlt: "Visuel" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Interactive Exploration Map"
|
||||
description="A live-updated map of France identifying ruin types and statuses."
|
||||
title="Carte Interactive d'Exploration"
|
||||
description="Une carte en direct des lieux abandonnés en France, avec outils professionnels et galeries immersives."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Urbex by the Numbers"
|
||||
tag="Live Statistics"
|
||||
title="L'Urbex en chiffres"
|
||||
tag="Statistiques en direct"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "1200+", description: "Sites Mapped"},
|
||||
{
|
||||
id: "m2", value: "50k+", description: "Photos Shared"},
|
||||
{
|
||||
id: "m3", value: "85%", description: "France Coverage"},
|
||||
{ id: "m1", value: "1200+", description: "Sites répertoriés" },
|
||||
{ id: "m2", value: "50k+", description: "Photos partagées" },
|
||||
{ id: "m3", value: "85%", description: "Couverture française" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -141,24 +115,14 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Marc L.", role: "Photographer", company: "Urbex France", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-mixed-race-woman-with-short-hair-autumn-outwear-hat_633478-1986.jpg"},
|
||||
{
|
||||
id: "2", name: "Sophie P.", role: "Explorer", company: "Paris Ruins", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-holding-photo-camera_23-2149742017.jpg"},
|
||||
{
|
||||
id: "3", name: "Lucas D.", role: "Historian", company: "Heritage Watch", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-man-with-leather-backpack-posing-street-outdoor-photo-mulatto-guy-wears-stylish-accessories-looking-shoulder_197531-21924.jpg"},
|
||||
{
|
||||
id: "4", name: "Julie M.", role: "Hobbyist", company: "Lyon Explorers", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-woman-looking-camera_23-2147847155.jpg"},
|
||||
{
|
||||
id: "5", name: "Thomas V.", role: "Pro", company: "Abandoned Tech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-hat-looking-away_23-2148588480.jpg"},
|
||||
{ id: "1", name: "Marc L.", role: "Photographe", company: "Urbex France", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-mixed-race-woman-with-short-hair-autumn-outwear-hat_633478-1986.jpg" },
|
||||
{ id: "2", name: "Sophie P.", role: "Exploratrice", company: "Ruines Paris", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-holding-photo-camera_23-2149742017.jpg" },
|
||||
{ id: "3", name: "Lucas D.", role: "Historien", company: "Heritage Watch", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-man-with-leather-backpack-posing-street-outdoor-photo-mulatto-guy-wears-stylish-accessories-looking-shoulder_197531-21924.jpg" },
|
||||
{ id: "4", name: "Julie M.", role: "Amatrice", company: "Explorateurs Lyon", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-woman-looking-camera_23-2147847155.jpg" },
|
||||
{ id: "5", name: "Thomas V.", role: "Pro", company: "Tech Abandonnée", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-hat-looking-away_23-2148588480.jpg" },
|
||||
]}
|
||||
title="Explorer Reviews"
|
||||
description="Trusted by the French urban exploration community."
|
||||
title="Avis des explorateurs"
|
||||
description="Approuvé par la communauté française d'exploration urbaine."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -167,19 +131,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Is it legal?", content: "Always respect property laws and do not break and enter."},
|
||||
{
|
||||
id: "f2", title: "How to contribute?", content: "Create an account and submit your site coordinates."},
|
||||
{
|
||||
id: "f3", title: "Is my data private?", content: "We prioritize location safety and privacy."},
|
||||
{ id: "f1", title: "Est-ce légal ?", content: "Respectez toujours les lois sur la propriété privée et ne commettez pas d'effraction." },
|
||||
{ id: "f2", title: "Comment contribuer ?", content: "Créez un compte et soumettez les coordonnées de vos sites." },
|
||||
{ id: "f3", title: "Mes données sont-elles privées ?", content: "Nous accordons une priorité absolue à la sécurité et à la vie privée des sites." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wide-angle-shot-person-sailing-small-boat-surrounded-with-large-columns_181624-11434.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Frequently asked questions about urbex rules and map usage."
|
||||
title="Questions fréquentes"
|
||||
description="Tout ce que vous devez savoir sur les règles urbex et l'usage de notre carte."
|
||||
faqsAnimation="slide-up"
|
||||
imageAlt="Mysterious ruins at twilight"
|
||||
imageAlt="Ruines au crépuscule"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -188,9 +149,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"France Explorers", "Heritage Guard", "Abandoned Archive", "Urbex Hub", "Silent Buildings", "Decay Watch", "History Lost"]}
|
||||
title="Our Supporters"
|
||||
description="Organizations helping document and preserve lost history."
|
||||
"Explorateurs France", "Gardien du Patrimoine", "Archive Abandon", "Urbex Hub", "Bâtiments Silencieux", "Watch Decay", "Histoire Perdue"]}
|
||||
title="Nos partenaires"
|
||||
description="Organisations aidant à documenter et préserver l'histoire perdue."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -199,9 +160,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get Early Access"
|
||||
title="Stay Updated"
|
||||
description="Join our newsletter for weekly location updates and community stories."
|
||||
tag="Accès anticipé"
|
||||
title="Restez informé"
|
||||
description="Inscrivez-vous à notre newsletter pour des mises à jour hebdomadaires et des histoires de la communauté."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -209,12 +170,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Urbex France"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
text: "Politique de confidentialité", href: "#" }}
|
||||
rightLink={{
|
||||
text: "Safety Rules", href: "#"}}
|
||||
text: "Règles de sécurité", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user