diff --git a/src/app/page.tsx b/src/app/page.tsx index df6cba9..8976ea4 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,73 +1,130 @@ "use client"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; -import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; -import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel'; -import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; -import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven'; -import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour'; -import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne'; -import ContactText from '@/components/sections/contact/ContactText'; -import FooterSimple from '@/components/sections/footer/FooterSimple'; -import { Sprout } from 'lucide-react'; +import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; +import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel"; +import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard"; +import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven"; +import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour"; +import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne"; +import ContactText from "@/components/sections/contact/ContactText"; +import FooterSimple from "@/components/sections/footer/FooterSimple"; +import { Quote, Zap, TrendingUp, Star } from "lucide-react"; -export default function LandingPage() { +const navItems = [ + { name: "Home", id: "/" }, + { name: "About", id: "about" }, + { name: "Impact", id: "impact" }, + { name: "Programs", id: "programs" }, + { name: "Contact", id: "contact" }, +]; + +const heroMediaItems = [ + { imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Portfolio item 1" }, + { imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Portfolio item 2" }, + { imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Portfolio item 3" }, + { imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Portfolio item 4" }, + { imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Portfolio item 5" }, +]; + +const metrics = [ + { + id: "1", value: "10M+", title: "Users Reached", description: "Growing community of engaged users", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "User engagement"}, + { + id: "2", value: "500K+", title: "Projects Delivered", description: "Successfully completed projects", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Project delivery"}, +]; + +const features = [ + { + id: "1", title: "Advanced Analytics", author: "Design Team", description: "Real-time insights into your project performance and user behavior", tags: ["Analytics", "Real-time"], + imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Analytics dashboard"}, + { + id: "2", title: "Seamless Integration", author: "Engineering Team", description: "Connect with your favorite tools and services effortlessly", tags: ["Integration", "Automation"], + imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Integration workflow"}, +]; + +const testimonials = [ + { + id: "1", name: "Sarah Johnson", role: "Product Manager", company: "TechCorp", rating: 5, + imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Sarah Johnson"}, + { + id: "2", name: "Michael Chen", role: "CEO", company: "InnovateLabs", rating: 5, + imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Michael Chen"}, + { + id: "3", name: "Elena Rodriguez", role: "Lead Designer", company: "CreativeStudio", rating: 5, + imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Elena Rodriguez"}, +]; + +const footerColumns = [ + { + title: "Product", items: [ + { label: "Features", href: "#features" }, + { label: "Pricing", href: "#pricing" }, + { label: "Security", href: "#security" }, + ], + }, + { + title: "Company", items: [ + { label: "About", href: "#about" }, + { label: "Blog", href: "#blog" }, + { label: "Careers", href: "#careers" }, + ], + }, + { + title: "Resources", items: [ + { label: "Documentation", href: "#docs" }, + { label: "Support", href: "#support" }, + { label: "Contact", href: "#contact" }, + ], + }, +]; + +export default function Home() { return (
@@ -75,47 +132,20 @@ export default function LandingPage() {