diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx new file mode 100644 index 0000000..f9f9025 --- /dev/null +++ b/src/app/about/page.tsx @@ -0,0 +1,94 @@ +"use client"; +import { ThemeProvider } from "next-themes"; +import { NavbarStyleCentered } from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; +import { SplitAbout } from "@/components/sections/about/SplitAbout"; +import { FooterBase } from "@/components/sections/footer/FooterBase"; +import { Sparkles, Lightbulb, TrendingUp, Handshake } from "lucide-react"; +import { useEffect, useState } from "react"; + +const navbarLinks = [ + { name: "Home", id: "/" }, + { name: "Features", id: "/features" }, + { name: "About", id: "/about" } +]; + +export default function AboutPage() { + const [isClient, setIsClient] = useState(false); + useEffect(() => { + setIsClient(true); + }, []); + + if (!isClient) { + return null; + } + + return ( + + +
+ +
+ + + ); +} \ No newline at end of file diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx new file mode 100644 index 0000000..13c48c7 --- /dev/null +++ b/src/app/contact/page.tsx @@ -0,0 +1,169 @@ +"use client"; + +import React, { useState } from 'react'; +import { ThemeProvider } from "@/components/theme-provider"; +import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple"; +import GlowingOrbBackground from "@/components/background/GlowingOrbBackground"; +import ContactText from "@/components/sections/contact/ContactText"; +import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; +import Input from '@/components/form/Input'; +import ButtonBounceEffect from '@/components/button/ButtonBounceEffect/ButtonBounceEffect'; +import { Mail, Phone, MapPin } from 'lucide-react'; + + +export default function ContactPage() { + const [name, setName] = useState(''); + const [email, setEmail] = useState(''); + const [message, setMessage] = useState(''); + + const handleSubmit = (e: React.FormEvent) => { + e.preventDefault(); + // Handle form submission logic here + console.log('Form submitted:', { name, email, message }); + alert('Thank you for your message! We will get back to you shortly.'); + setName(''); + setEmail(''); + setMessage(''); + }; + + const navItems = [ + { name: 'Home', id: '/' }, + { name: 'Contact', id: '/contact' } + ]; + + return ( + + +
+ +
+

Get in Touch

+

+ Have a question or want to work together? Fill out the form below or reach out to us directly. +

+ +
+ {/* Contact Information Section */} +
+ +

+ We're here to help! Whether you have questions about our services, need support, or just want to say hello, our team is ready to connect. +

+
+
+ +
+

Email Us

+

info@webild.com

+

support@webild.com

+
+
+
+ +
+

Call Us

+

+1 (555) 123-4567

+
+
+
+ +
+

Our Office

+

123 Main Street, Suite 400

+

Cityville, State, 12345

+

Country

+
+
+
+
+ + {/* Contact Form Section */} +
+

Send us a Message

+
+
+ + +
+
+ + +
+
+ + +
+ + +
+
+
+ +
+ + ); +} \ No newline at end of file diff --git a/src/app/dashboard/tracker/page.tsx b/src/app/dashboard/tracker/page.tsx new file mode 100644 index 0000000..38623d3 --- /dev/null +++ b/src/app/dashboard/tracker/page.tsx @@ -0,0 +1,88 @@ +"use client"; +import { ThemeProvider } from "@/app/theme-provider"; +import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; +import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard"; +import FeatureBento from "@/components/sections/feature/FeatureBento"; +import { Briefcase, Folder, Mail, ClipboardList, Users, Settings, GraduationCap, CheckCircle } from "lucide-react"; // Added CheckCircle for general status icon + +export default function DashboardTrackerPage() { + return ( + + + +
+ +
+ +
+ +
+ + ); +} diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx new file mode 100644 index 0000000..1f9b704 --- /dev/null +++ b/src/app/features/page.tsx @@ -0,0 +1,98 @@ +"use client"; +import { ThemeProvider } from "next-themes"; +import { NavbarStyleCentered } from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; +import { FeatureCardTwentyFour } from "@/components/sections/feature/FeatureCardTwentyFour"; +import { FooterBase } from "@/components/sections/footer/FooterBase"; +import { Sparkles, Briefcase, Users } from "lucide-react"; +import { useEffect, useState } from "react"; + +const navbarLinks = [ + { name: "Home", id: "/" }, + { name: "Features", id: "/features" }, + { name: "About", id: "/about" } +]; + +export default function FeaturesPage() { + const [isClient, setIsClient] = useState(false); + useEffect(() => { + setIsClient(true); + }, []); + + if (!isClient) { + return null; + } + + return ( + + +
+ +
+ + + ); +} \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index d39d6c0..dff1196 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,5 +1,89 @@ -import { redirect } from 'next/navigation'; +"use client"; +import { ThemeProvider } from "next-themes"; +import { NavbarStyleCentered } from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; +import { HeroBillboardRotatedCarousel } from "@/components/sections/hero/HeroBillboardRotatedCarousel"; +import { FooterBase } from "@/components/sections/footer/FooterBase"; +import { Sparkles } from "lucide-react"; +import { useEffect, useState } from "react"; + +const navbarLinks = [ + { name: "Home", id: "/" }, + { name: "Features", id: "/features" }, + { name: "About", id: "/about" } +]; export default function Home() { - redirect('/components'); + const [isClient, setIsClient] = useState(false); + useEffect(() => { + setIsClient(true); + }, []); + + if (!isClient) { + return null; + } + + return ( + + +
+ +
+ + + ); } \ No newline at end of file