Merge version_1 into main #2

Merged
bender merged 3 commits from version_1 into main 2026-05-25 13:44:07 +00:00
3 changed files with 86 additions and 333 deletions

View File

@@ -8,7 +8,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { CheckCircle } from "lucide-react";
export default function LandingPage() {
export default function DashboardPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
@@ -26,20 +26,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Map",
id: "/map",
},
{
name: "Dashboard",
id: "/dashboard",
},
{ name: "Home", id: "/" },
{ name: "Map", id: "/map" },
{ name: "Dashboard", id: "/dashboard" },
]}
brandName="PetRescue"
button={{ text: "Get Started", href: "/report" }}
/>
</div>
@@ -49,22 +41,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "3",
title: "Active Cases",
items: [
"Reported by you",
],
},
{
id: "2",
value: "12",
title: "Sightings",
items: [
"Total sightings",
],
},
{ id: "1", value: "3", title: "Active Cases", items: ["Reported by you"] },
{ id: "2", value: "12", title: "Sightings", items: ["Total sightings"] }
]}
title="Your Dashboard"
description="Manage your cases and view matches."
@@ -80,62 +58,36 @@ export default function LandingPage() {
description="Actions you can take today."
features={[
{
title: "Quick Actions",
description: "Update statuses.",
bentoComponent: "3d-task-list",
items: [
{
icon: CheckCircle,
label: "Review New Sighting",
time: "2m ago",
},
],
imageSrc: "http://img.b2bpic.net/free-vector/20-maps-travel-line-filled-icon-presentation_1142-25244.jpg?_wi=2",
imageAlt: "20 Maps Travel line Filled icon for presentation",
},
title: "Quick Actions", description: "Update statuses.", bentoComponent: "3d-task-list", items: [
{ icon: CheckCircle, label: "Review New Sighting", time: "2m ago" }
]
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-vector/decorative-stickers-pet-shop_23-2147572051.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-vector/decorative-stickers-pet-shop_23-2147572051.jpg"
logoText="PetRescue"
columns={[
{
title: "Platform",
items: [
{
label: "Live Map",
href: "/map",
},
{
label: "Report a Case",
href: "/report",
},
{
label: "Dashboard",
href: "/dashboard",
},
],
title: "Platform", items: [
{ label: "Live Map", href: "/map" },
{ label: "Report a Case", href: "/report" },
{ label: "Dashboard", href: "/dashboard" }
]
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Privacy Policy", href: "#" }
]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -6,7 +6,7 @@ import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
export default function LandingPage() {
export default function MapPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
@@ -24,20 +24,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Map",
id: "/map",
},
{
name: "Dashboard",
id: "/dashboard",
},
{ name: "Home", id: "/" },
{ name: "Map", id: "/map" },
{ name: "Dashboard", id: "/dashboard" },
]}
brandName="PetRescue"
button={{ text: "Get Started", href: "/report" }}
/>
</div>
@@ -48,12 +40,8 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Map Interface",
description: "Placeholder for full map interactive view.",
bentoComponent: "map",
imageSrc: "http://img.b2bpic.net/free-vector/20-navigation-flat-color-icon-presentation-vector-icons-illustration_1142-15473.jpg",
imageAlt: "20 Navigation Flat Color icon for presentation Vector icons illustration",
},
title: "Map Interface", description: "Placeholder for full map interactive view.", bentoComponent: "map"
}
]}
title="Live Map"
description="View all active rescue cases in your area."
@@ -69,55 +57,34 @@ export default function LandingPage() {
description="See regional activity."
features={[
{
title: "Regional Stats",
description: "View heatmap of activity.",
bentoComponent: "animated-bar-chart",
imageSrc: "http://img.b2bpic.net/free-vector/20-maps-travel-line-filled-icon-presentation_1142-25244.jpg?_wi=1",
imageAlt: "20 Maps Travel line Filled icon for presentation",
},
title: "Regional Stats", description: "View heatmap of activity.", bentoComponent: "animated-bar-chart"
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-vector/decorative-stickers-pet-shop_23-2147572051.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-vector/decorative-stickers-pet-shop_23-2147572051.jpg"
logoText="PetRescue"
columns={[
{
title: "Platform",
items: [
{
label: "Live Map",
href: "/map",
},
{
label: "Report a Case",
href: "/report",
},
{
label: "Dashboard",
href: "/dashboard",
},
],
title: "Platform", items: [
{ label: "Live Map", href: "/map" },
{ label: "Report a Case", href: "/report" },
{ label: "Dashboard", href: "/dashboard" }
]
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Privacy Policy", href: "#" }
]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -29,132 +29,33 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Map",
id: "/map",
},
{
name: "Dashboard",
id: "/dashboard",
},
{ name: "Home", id: "/" },
{ name: "Map", id: "/map" },
{ name: "Dashboard", id: "/dashboard" },
]}
brandName="PetRescue"
button={{ text: "Get Started", href: "/report" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Find lost pets faster. Help animals when it matters most."
description="PetRescue organizes lost pets, found animals and sightings into one real-time map-based platform."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg?_wi=1",
imageAlt: "PetRescue Dashboard",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-futuristic-weather-interface_23-2151968694.jpg?_wi=1",
imageAlt: "Man looking at a futuristic weather interface",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-uses-ai-chatbot-system-computer-guide-her-through-tasks_482257-118915.jpg",
imageAlt: "Woman uses AI chatbot system on a computer to guide her through tasks",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",
imageAlt: "Professional person engaging with an AI chatbot on a computer screen",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
imageAlt: "Representation of user experience and interface design",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg", imageAlt: "PetRescue Dashboard" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-looking-futuristic-weather-interface_23-2151968694.jpg", imageAlt: "Man looking at a futuristic weather interface" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-uses-ai-chatbot-system-computer-guide-her-through-tasks_482257-118915.jpg", imageAlt: "Woman uses AI chatbot system on a computer to guide her through tasks" },
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg", imageAlt: "Professional person engaging with an AI chatbot on a computer screen" },
{ imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", imageAlt: "Representation of user experience and interface design" }
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
imageAlt: "PetRescue Dashboard",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",
imageAlt: "Modern business dashboard design",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg",
imageAlt: "High end workspace",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
imageAlt: "Luxurious boardroom",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-futuristic-weather-interface_23-2151968694.jpg?_wi=2",
imageAlt: "Futuristic UI representation",
},
]}
buttons={[
{
text: "Report a Case",
href: "/report",
},
{
text: "Explore Map",
href: "/map",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/man-looking-futuristic-weather-interface_23-2151968694.jpg",
alt: "User 1",
},
{
src: "http://img.b2bpic.net/free-photo/woman-uses-ai-chatbot-system-computer-guide-her-through-tasks_482257-118915.jpg",
alt: "User 2",
},
{
src: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",
alt: "User 3",
},
{
src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
alt: "User 4",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",
alt: "User 5",
},
]}
avatarText="Join 5,000+ rescuers"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-vector/logo-with-pet-design_1363-32.jpg",
alt: "Partner 1",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/hand-drawn-dog-paw-logo-design_23-2149511337.jpg",
alt: "Partner 2",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/animal-logo-template-line-art-illustration-set-vector_53876-157627.jpg",
alt: "Partner 3",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/logo-collection-minimal-style-with-pastel-colors_23-2148382943.jpg",
alt: "Partner 4",
},
{
type: "text",
text: "Rescue Verified",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg", imageAlt: "PetRescue Dashboard" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg", imageAlt: "Modern business dashboard design" },
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg", imageAlt: "High end workspace" },
{ imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", imageAlt: "Luxurious boardroom" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-looking-futuristic-weather-interface_23-2151968694.jpg", imageAlt: "Futuristic UI representation" }
]}
/>
</div>
@@ -164,8 +65,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="A smarter way to rescue"
description="We take chaotic social media reports and turn them into structured, actionable intelligence on a real-time map."
imageSrc="http://img.b2bpic.net/free-vector/creative-maps-travel-25-flat-icon-pack-such-as-travel-road-water-pin-location_1142-21468.jpg?_wi=1"
imageAlt="Platform features"
imageSrc="http://img.b2bpic.net/free-vector/creative-maps-travel-25-flat-icon-pack-such-as-travel-road-water-pin-location_1142-21468.jpg"
/>
</div>
@@ -176,44 +76,19 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Real-time Map",
description: "See nearby lost or found pets on an interactive map.",
bentoComponent: "map",
imageSrc: "http://img.b2bpic.net/free-vector/maps-travel-25-flat-color-icon-pack-including-map-pointer-sync-map-traffic_1142-25137.jpg",
imageAlt: "Maps Travel 25 Flat Color icon pack including map pointer sync map traffic",
title: "Real-time Map", description: "See nearby lost or found pets on an interactive map.", bentoComponent: "map"
},
{
title: "Smart Matching",
description: "Our algorithm compares lost reports to found sightings automatically.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg?_wi=2",
imageAlt: "Maps Travel 25 Flat Color icon pack including map pointer sync map traffic",
title: "Smart Matching", description: "Our algorithm compares lost reports to found sightings automatically.", bentoComponent: "reveal-icon", icon: Sparkles
},
{
title: "Case Timeline",
description: "Follow every step of a rescue effort in one feed.",
bentoComponent: "timeline",
heading: "Rescue Effort",
subheading: "Tracking progress",
items: [
{
label: "Case created",
detail: "User reports animal",
},
{
label: "Community notified",
detail: "Nearby users alerted",
},
{
label: "Sighting confirmed",
detail: "Location pinpointed",
},
title: "Case Timeline", description: "Follow every step of a rescue effort in one feed.", bentoComponent: "timeline", heading: "Rescue Effort", subheading: "Tracking progress", items: [
{ label: "Case created", detail: "User reports animal" },
{ label: "Community notified", detail: "Nearby users alerted" },
{ label: "Sighting confirmed", detail: "Location pinpointed" }
],
completedLabel: "Completed",
imageSrc: "http://img.b2bpic.net/free-vector/creative-maps-travel-25-flat-icon-pack-such-as-travel-road-water-pin-location_1142-21468.jpg?_wi=2",
imageAlt: "Maps Travel 25 Flat Color icon pack including map pointer sync map traffic",
},
completedLabel: "Completed"
}
]}
title="Features that save lives"
description="Powerful tools for community-driven rescue efforts."
@@ -225,21 +100,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How do I report a pet?",
content: "Simply click the 'Report a Case' button and follow our 60-second flow.",
},
{
id: "2",
title: "Is the map real-time?",
content: "Yes, cases and sightings update as soon as they are submitted.",
},
{
id: "3",
title: "How does matching work?",
content: "We compare pet description, location, and photos to identify potential matches.",
},
{ id: "1", title: "How do I report a pet?", content: "Simply click the 'Report a Case' button and follow our 60-second flow." },
{ id: "2", title: "Is the map real-time?", content: "Yes, cases and sightings update as soon as they are submitted." },
{ id: "3", title: "How does matching work?", content: "We compare pet description, location, and photos to identify potential matches." }
]}
title="Common Questions"
description="How PetRescue supports your community."
@@ -253,64 +116,35 @@ export default function LandingPage() {
title="Partner with us"
description="Are you a shelter or rescue organization looking to join the network?"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "email",
type: "email",
placeholder: "Email Address",
},
{ name: "name", type: "text", placeholder: "Your Name" },
{ name: "email", type: "email", placeholder: "Email Address" }
]}
textarea={{
name: "message",
placeholder: "Tell us about your organization",
}}
imageSrc="http://img.b2bpic.net/free-vector/creative-maps-travel-25-flat-icon-pack-such-as-travel-road-water-pin-location_1142-21468.jpg?_wi=3"
textarea={{ name: "message", placeholder: "Tell us about your organization" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-vector/decorative-stickers-pet-shop_23-2147572051.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-vector/decorative-stickers-pet-shop_23-2147572051.jpg"
logoText="PetRescue"
columns={[
{
title: "Platform",
items: [
{
label: "Live Map",
href: "/map",
},
{
label: "Report a Case",
href: "/report",
},
{
label: "Dashboard",
href: "/dashboard",
},
],
title: "Platform", items: [
{ label: "Live Map", href: "/map" },
{ label: "Report a Case", href: "/report" },
{ label: "Dashboard", href: "/dashboard" }
]
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Privacy Policy", href: "#" }
]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}