- )
-}
-
diff --git a/app/FAQ/component/faq-component.tsx b/app/FAQ/component/faq-component.tsx
deleted file mode 100644
index bd09823..0000000
--- a/app/FAQ/component/faq-component.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-'use client'
-
-import { useState } from 'react'
-import { Input } from "@/components/ui/input"
-import {
- Accordion,
- AccordionContent,
- AccordionItem,
- AccordionTrigger,
-} from "@/components/ui/accordion"
-import { Search } from 'lucide-react'
-
-const faqs = [
- {
- question: "What is Leetcode Journal, and how can it help me?",
- answer: "Leetcode Journal is a tool designed to help developers track, organize, and review their Leetcode solutions. It provides an intuitive interface to save solutions, categorize problems, monitor progress, and analyze performance. It's great for personal learning and showcasing problem-solving skills."
- },
- {
- question: "Can I import my existing Leetcode solutions into the platform?",
- answer: "Yes, Leetcode Journal supports solution imports. You can upload your solutions as files or manually enter them to categorize and analyze them within the platform."
- },
- {
- question: "How does the progress monitoring feature work?",
- answer: "The progress monitoring feature provides detailed statistics on your problem-solving journey, including the number of problems solved by difficulty, topic, and monthly trends. It also shows your streaks and acceptance rates to keep you motivated."
- },
- {
- question: "Is my data secure on Leetcode Journal?",
- answer: "We take data security seriously. All your solutions and progress data are encrypted and securely stored on our servers. You have complete control over your data, and it is never shared without your consent."
- },
- {
- question: "Can I share my Leetcode Journal with others?",
- answer: "Yes, you can create a shareable portfolio of your solutions to showcase your problem-solving skills to potential employers or peers. You can customize what information is shared."
- },
- {
- question: "Does Leetcode Journal support team collaboration?",
- answer: "Currently, Leetcode Journal is focused on individual users. However, we are exploring features for team collaboration and knowledge sharing in future updates."
- }
-]
-
-export default function FAQComponent() {
- const [searchTerm, setSearchTerm] = useState('')
-
- const filteredFaqs = faqs.filter(faq =>
- faq.question.toLowerCase().includes(searchTerm.toLowerCase()) ||
- faq.answer.toLowerCase().includes(searchTerm.toLowerCase())
- )
-
- return (
-
);
-}
-
-// if (typeof document !== "undefined") {
-// const style = document.createElement("style");
-// style.textContent = starStyles;
-// document.head.appendChild(style);
-// }
+}
\ No newline at end of file
diff --git a/components/DashboardV2/BenefitsSection.tsx b/components/DashboardV2/BenefitsSection.tsx
new file mode 100644
index 0000000..2a74823
--- /dev/null
+++ b/components/DashboardV2/BenefitsSection.tsx
@@ -0,0 +1,86 @@
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+// import { Icon } from "@/components/DashboardV2/Icons/DiscordIcon";
+import { icons } from "lucide-react";
+
+interface BenefitsProps {
+ icon: string;
+ title: string;
+ description: string;
+}
+
+const benefitList: BenefitsProps[] = [
+ {
+ icon: "Blocks",
+ title: "Build Brand Trust",
+ description:
+ "Lorem ipsum dolor sit amet consectetur adipisicing elit. A odio velit cum aliquam. Natus consectetur dolores.",
+ },
+ {
+ icon: "LineChart",
+ title: "More Leads",
+ description:
+ "Lorem ipsum dolor sit amet consectetur adipisicing elit. A odio velit cum aliquam, natus consectetur.",
+ },
+ {
+ icon: "Wallet",
+ title: "Higher Conversions",
+ description:
+ "Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus consectetur. A odio velit cum aliquam",
+ },
+ {
+ icon: "Sparkle",
+ title: "Test Marketing Ideas",
+ description:
+ "Lorem ipsum dolor sit amet consectetur adipisicing elit. A odio velit cum aliquam. Natus consectetur dolores.",
+ },
+];
+
+export const BenefitsSection = () => {
+ return (
+
+
+
+
Benefits
+
+
+ Your Shortcut to Success
+
+
+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Non
+ ducimus reprehenderit architecto rerum similique facere odit
+ deleniti necessitatibus quo quae.
+
+
+ );
+};
\ No newline at end of file
diff --git a/components/DashboardV2/CommunitySection.tsx b/components/DashboardV2/CommunitySection.tsx
new file mode 100644
index 0000000..dda18ff
--- /dev/null
+++ b/components/DashboardV2/CommunitySection.tsx
@@ -0,0 +1,47 @@
+import { Button } from "@/components/ui/button";
+import {
+ Card,
+ CardContent,
+ CardFooter,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card";
+import DiscordIcon from "./Icons/DiscordIcon";
+
+export const CommunitySection = () => {
+ return (
+
+
+
+
+
+
+
+
+
+ Ready to join this
+
+ Community?
+
+
+
+
+
+ Join our vibrant Discord community! Connect, share, and grow with
+ like-minded enthusiasts. Click to dive in! 🚀
+
+
+
+
+
+
+
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/components/DashboardV2/ContactSection.tsx b/components/DashboardV2/ContactSection.tsx
new file mode 100644
index 0000000..b916fc7
--- /dev/null
+++ b/components/DashboardV2/ContactSection.tsx
@@ -0,0 +1,245 @@
+"use client";
+import {
+ Card,
+ CardContent,
+ CardFooter,
+ CardHeader,
+} from "@/components/ui/card";
+import { Building2, Clock, Mail, Phone } from "lucide-react";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { zodResolver } from "@hookform/resolvers/zod";
+import {
+ Form,
+ FormControl,
+ FormField,
+ FormItem,
+ FormLabel,
+ FormMessage,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "@/components/ui/select";
+import { Textarea } from "@/components/ui/textarea";
+
+const formSchema = z.object({
+ firstName: z.string().min(2).max(255),
+ lastName: z.string().min(2).max(255),
+ email: z.string().email(),
+ subject: z.string().min(2).max(255),
+ message: z.string(),
+});
+
+export const ContactSection = () => {
+ const form = useForm>({
+ resolver: zodResolver(formSchema),
+ defaultValues: {
+ firstName: "",
+ lastName: "",
+ email: "",
+ subject: "Web Development",
+ message: "",
+ },
+ });
+
+ function onSubmit(values: z.infer) {
+ const { firstName, lastName, email, subject, message } = values;
+ console.log(values);
+
+ const mailToLink = `mailto:leomirandadev@gmail.com?subject=${subject}&body=Hello I am ${firstName} ${lastName}, my Email is ${email}. %0D%0A${message}`;
+
+ window.location.href = mailToLink;
+ }
+
+ return (
+
+
+
+
+
+ Contact
+
+
+
Connect With Us
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum
+ ipsam sint enim exercitationem ex autem corrupti quas tenetur
+
+
+
+
+
+
+
Find us
+
+
+
742 Evergreen Terrace, Springfield, IL 62704
+
+
+
+
+
+
Call us
+
+
+
+1 (619) 123-4567
+
+
+
+
+
+
Mail US
+
+
+
leomirandadev@gmail.com
+
+
+
+
+
+
Visit us
+
+
+
+
Monday - Friday
+
8AM - 4PM
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/components/DashboardV2/FAQSection.tsx b/components/DashboardV2/FAQSection.tsx
new file mode 100644
index 0000000..e8a3f0f
--- /dev/null
+++ b/components/DashboardV2/FAQSection.tsx
@@ -0,0 +1,80 @@
+import {
+ Accordion,
+ AccordionContent,
+ AccordionItem,
+ AccordionTrigger,
+} from "@/components/ui/accordion";
+
+interface FAQProps {
+ question: string;
+ answer: string;
+ value: string;
+}
+
+const FAQList: FAQProps[] = [
+ {
+ question: "What is Leetcode Journal, and how can it help me?",
+ answer:
+ "Leetcode Journal is a tool designed to help developers track, organize, and review their Leetcode solutions. It provides an intuitive interface to save solutions, categorize problems, monitor progress, and analyze performance. It's great for personal learning and showcasing problem-solving skills.",
+ value: "item-1",
+ },
+ {
+ question: "Can I import my existing Leetcode solutions into the platform?",
+ answer:
+ "Yes, Leetcode Journal supports solution imports. You can upload your solutions as files or manually enter them to categorize and analyze them within the platform.",
+ value: "item-2",
+ },
+ {
+ question: "How does the progress monitoring feature work?",
+ answer:
+ "The progress monitoring feature provides detailed statistics on your problem-solving journey, including the number of problems solved by difficulty, topic, and monthly trends. It also shows your streaks and acceptance rates to keep you motivated.",
+ value: "item-3",
+ },
+ {
+ question: "Is my data secure on Leetcode Journal?",
+ answer:
+ "We take data security seriously. All your solutions and progress data are encrypted and securely stored on our servers. You have complete control over your data, and it is never shared without your consent.",
+ value: "item-4",
+ },
+ {
+ question: "Can I share my Leetcode Journal with others?",
+ answer:
+ "Yes, you can create a shareable portfolio of your solutions to showcase your problem-solving skills to potential employers or peers. You can customize what information is shared.",
+ value: "item-5",
+ },
+
+ {
+ question: "Does Leetcode Journal support team collaboration?",
+ answer:
+ "Currently, Leetcode Journal is focused on individual users. However, we are exploring features for team collaboration and knowledge sharing in future updates.",
+ value: "item-6",
+ },
+];
+
+export const FAQSection = () => {
+ return (
+
+
+
+ FAQS
+
+
+
+ Common Questions
+
+
+
+
+ {FAQList.map(({ question, answer, value }) => (
+
+
+ {question}
+
+
+ {answer}
+
+ ))}
+
+
+ );
+};
diff --git a/components/DashboardV2/FeaturesSection.tsx b/components/DashboardV2/FeaturesSection.tsx
new file mode 100644
index 0000000..0b56319
--- /dev/null
+++ b/components/DashboardV2/FeaturesSection.tsx
@@ -0,0 +1,92 @@
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { icons } from "lucide-react";
+
+interface FeaturesProps {
+ icon: string;
+ title: string;
+ description: string;
+}
+
+const featureList: FeaturesProps[] = [
+ {
+ icon: "TabletSmartphone",
+ title: "Mobile Friendly",
+ description:
+ "Lorem ipsum dolor sit amet consectetur adipisicing elit. A odio velit cum aliquam, consectetur.",
+ },
+ {
+ icon: "BadgeCheck",
+ title: "Social Proof",
+ description:
+ "Lorem ipsum dolor sit amet consectetur. Natus consectetur, odio ea accusamus aperiam.",
+ },
+ {
+ icon: "Goal",
+ title: "Targeted Content",
+ description:
+ "Lorem ipsum dolor sit amet consectetur adipisicing elit. odio ea accusamus aperiam.",
+ },
+ {
+ icon: "PictureInPicture",
+ title: "Strong Visuals",
+ description:
+ "Lorem elit. A odio velit cum aliquam. Natus consectetur dolores, odio ea accusamus aperiam.",
+ },
+ {
+ icon: "MousePointerClick",
+ title: "Clear CTA",
+ description:
+ "Lorem ipsum dolor sit amet consectetur adipisicing. odio ea accusamus consectetur.",
+ },
+ {
+ icon: "Newspaper",
+ title: "Clear Headline",
+ description:
+ "Lorem ipsum dolor sit amet consectetur adipisicing elit. A odio velit cum aliquam. Natus consectetur.",
+ },
+];
+
+export const FeaturesSection = () => {
+ return (
+
+
+ Features
+
+
+
+ What Makes Us Different
+
+
+
+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptatem
+ fugiat, odit similique quasi sint reiciendis quidem iure veritatis optio
+ facere tenetur.
+