Merge version_2 into main #2
239
src/app/page.tsx
239
src/app/page.tsx
@@ -2,223 +2,136 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, MapPin, Scan } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, MapPin, Scan, CheckCircle, Search } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="large"
|
||||
background="noise"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "How It Works",
|
||||
id: "how-it-works",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "How It Works", id: "how-it-works" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="Find My Stuff"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Lost it in Cape Town? Find it fast."
|
||||
description="The community-powered network connecting lost belongings with their owners. AI-powered scanning, local alerts, and rewarded recovery."
|
||||
tag="Live in Cape Town"
|
||||
<HeroBillboardCarousel
|
||||
title="Lost it? Get it back with community power."
|
||||
description="Find My Stuff connects you with local finders. AI-enhanced matching and real-time alerts help you recover your lost items in Cape Town."
|
||||
tag="Modern Recovery"
|
||||
tagIcon={Search}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Post Lost Item",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#how-it-works",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "View Process", href: "#how-it-works" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/map-tanzania-gold-glitter-map-dark-background_559531-11061.jpg?_wi=1", imageAlt: "Lost item search" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-mask-free_23-2149440014.jpg", imageAlt: "Community help" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/map-tanzania-gold-glitter-map-dark-background_559531-11061.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
<FeatureCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Recover what matters with confidence"
|
||||
description="We offer a secure, modern platform to coordinate returns effectively."
|
||||
features={[
|
||||
{
|
||||
icon: MapPin,
|
||||
title: "Nearby Alerts",
|
||||
description: "Alert nearby users instantly when an item goes missing.",
|
||||
},
|
||||
{
|
||||
icon: Scan,
|
||||
title: "AI Item Matching",
|
||||
description: "Our AI scans images to find matches across thousands of lost items.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Reward System",
|
||||
description: "Incentivize finders with optional cash rewards for safe returns.",
|
||||
},
|
||||
{ title: "AI Matching", description: "Our system intelligently analyzes images to identify your lost items faster.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg" },
|
||||
{ title: "Verified Finders", description: "Safety is our top priority, ensuring your belongings reach you securely.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1664.jpg" }
|
||||
]}
|
||||
title="Everything you need to recover what matters."
|
||||
description="Powerful tools designed to help you get your stuff back, built for the community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="From Lost to Found in 3 Steps."
|
||||
description="We make recovering your belongings simple. Post your item, get matched via AI, and coordinate safe return through our secure platform."
|
||||
<SplitAbout
|
||||
title="Simple, secure, and effective."
|
||||
description="Our three-step process makes sure your items move from lost to found without any stress."
|
||||
textboxLayout="split"
|
||||
bulletPoints={[
|
||||
{ title: "Post a Listing", description: "Quickly describe your item using our intuitive form.", icon: Scan },
|
||||
{ title: "Smart Matching", description: "Our platform matches your item with recent found entries.", icon: Search },
|
||||
{ title: "Coordinate Return", description: "Connect with the finder through our secure messaging system.", icon: CheckCircle }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/map-tanzania-gold-glitter-map-dark-background_559531-11061.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="I lost my backpack at the beach and someone from the community found it within two hours. This app is a lifesaver for Cape Town locals!"
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
<TestimonialCardTwo
|
||||
title="Trusted by our community"
|
||||
description="Hear from people who have successfully reunited with their lost items."
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-wearing-casual-clothes-celebrating-mad-crazy-success-with-arms-raised-closed-eyes-screaming-excited-winner-concept_839833-21246.jpg",
|
||||
alt: "Sarah M",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-mask-free_23-2149440014.jpg",
|
||||
alt: "John D",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015525.jpg",
|
||||
alt: "Mark R",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg",
|
||||
alt: "Emily P",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1664.jpg",
|
||||
alt: "David S",
|
||||
},
|
||||
id: "t1", name: "Sarah M.", role: "Local Cape Town Resident", testimonial: "I was devastated when I lost my keys, but the community found them for me within an hour. Incredible service!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015525.jpg"
|
||||
}
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is it free to post?",
|
||||
content: "Basic posts are free. We offer premium options to boost visibility.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do rewards work?",
|
||||
content: "You can optionally attach a reward. We take a small percentage as a service fee.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is it safe?",
|
||||
content: "We prioritize safety and local coordination for all returns.",
|
||||
},
|
||||
]}
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions about how it works? We've got answers."
|
||||
description="Everything you need to know about getting your stuff back."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
faqs={[
|
||||
{ id: "1", title: "How do I report a lost item?", content: "Simply click the 'Report Lost' button, describe your item, and upload any photos if available." },
|
||||
{ id: "2", title: "Are my details secure?", content: "We protect your privacy and only share necessary details when a match is confirmed." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready to list a lost item?"
|
||||
description="Join the growing community and find your stuff today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Report Lost Item",
|
||||
href: "#",
|
||||
},
|
||||
<ContactSplitForm
|
||||
title="Get in touch with us"
|
||||
description="Have questions or need urgent help? We are here to assist you."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-hispanic-man-wearing-casual-clothes-celebrating-mad-crazy-success-with-arms-raised-closed-eyes-screaming-excited-winner-concept_839833-21246.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterBase
|
||||
logoText="Find My Stuff"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "How It Works",
|
||||
href: "#how-it-works",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "How it Works", href: "#how-it-works" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Find My Stuff Network. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user