-
-
Notifications
You must be signed in to change notification settings - Fork 23
added learn more page #38
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Merged
Merged
Changes from all commits
Commits
Show all changes
7 commits
Select commit
Hold shift + click to select a range
fe42d44
added faq page
JAYANTJOSHI001 ee0872a
Merge branch 'main' of https://github.com/yashksaini-coder/Leetcode-J…
JAYANTJOSHI001 fd74aa9
added new feature
JAYANTJOSHI001 4aa7271
made changes in the contact section and added a
JAYANTJOSHI001 9219789
added learn more page
JAYANTJOSHI001 e4811bb
Merge branch 'main' of https://github.com/JAYANTJOSHI001/Leetcode-Jou…
JAYANTJOSHI001 f8e4765
made changes in learn-more page and added
JAYANTJOSHI001 File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,101 @@ | ||
| 'use client' | ||
|
|
||
| import { useState } from 'react' | ||
| import { motion } from 'framer-motion' | ||
| import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" | ||
| import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" | ||
| import { CheckCircle, Code, Brain, TrendingUp, Users, Zap } from 'lucide-react' | ||
|
|
||
| const features = [ | ||
| { icon: <Code className="w-6 h-6" />, title: 'Track Progress', description: 'Log solved problems and track improvement over time.' }, | ||
| { icon: <Brain className="w-6 h-6" />, title: 'Enhance Learning', description: 'Write comprehensive notes and explanations for each problem.' }, | ||
| { icon: <TrendingUp className="w-6 h-6" />, title: 'Analyze Performance', description: 'Gain insights into problem-solving patterns and focus areas.' }, | ||
| { icon: <CheckCircle className="w-6 h-6" />, title: 'Interview Prep', description: 'Organize solutions by companies and topics for targeted review.' }, | ||
| { icon: <Users className="w-6 h-6" />, title: 'Collaborate', description: 'Share insights and learn from peers in the community.' }, | ||
| { icon: <Zap className="w-6 h-6" />, title: 'Boost Efficiency', description: 'Streamline your coding practice with powerful tools and analytics.' }, | ||
| ] | ||
|
|
||
| const benefits = [ | ||
| 'Seamless integration with your LeetCode account', | ||
| 'Customizable templates for consistent note-taking', | ||
| 'Advanced search and filtering options', | ||
| 'Progress visualization and performance analytics', | ||
| 'Collaborative features for group study and peer review', | ||
| 'Mobile-friendly interface for on-the-go learning' | ||
| ] | ||
|
|
||
| const containerVariants = { | ||
| hidden: { opacity: 0 }, | ||
| visible: { | ||
| opacity: 1, | ||
| transition: { | ||
| staggerChildren: 0.1 | ||
| } | ||
| } | ||
| } | ||
|
|
||
| const itemVariants = { | ||
| hidden: { y: 20, opacity: 0 }, | ||
| visible: { | ||
| y: 0, | ||
| opacity: 1 | ||
| } | ||
| } | ||
|
|
||
| export function TabContainer() { | ||
| const [activeTab, setActiveTab] = useState('features') | ||
|
|
||
| return ( | ||
| <Tabs defaultValue="features" className="mb-16"> | ||
| <TabsList className="grid w-full grid-cols-2 mb-8 bg-gradient-to-r from-purple-100 to-purple-200 dark:from-gray-800 dark:to-purple-900"> | ||
| <TabsTrigger value="features" onClick={() => setActiveTab('features')}>Key Features</TabsTrigger> | ||
| <TabsTrigger value="benefits" onClick={() => setActiveTab('benefits')}>Benefits</TabsTrigger> | ||
| </TabsList> | ||
| <TabsContent value="features"> | ||
| <motion.div | ||
| className="grid md:grid-cols-2 lg:grid-cols-3 gap-8" | ||
| variants={containerVariants} | ||
| initial="hidden" | ||
| animate={activeTab === 'features' ? "visible" : "hidden"} | ||
| > | ||
| {features.map((feature, index) => ( | ||
| <motion.div key={index} variants={itemVariants}> | ||
| <Card className="bg-white/80 dark:bg-gray-800/80 backdrop-blur-sm border-purple-200 dark:border-purple-700 shadow-purple-100 dark:shadow-purple-900/20 shadow-lg h-full"> | ||
| <CardHeader> | ||
| <CardTitle className="flex items-center text-purple-700 dark:text-purple-300"> | ||
| {feature.icon} | ||
| <span className="ml-2">{feature.title}</span> | ||
| </CardTitle> | ||
| </CardHeader> | ||
| <CardContent> | ||
| <CardDescription className="text-purple-600 dark:text-purple-200"> | ||
| {feature.description} | ||
| </CardDescription> | ||
| </CardContent> | ||
| </Card> | ||
| </motion.div> | ||
| ))} | ||
| </motion.div> | ||
| </TabsContent> | ||
| <TabsContent value="benefits"> | ||
| <motion.div | ||
| className="bg-gradient-to-r from-purple-100 to-purple-200 dark:from-gray-800 dark:to-purple-900 rounded-lg p-8 shadow-lg" | ||
| variants={containerVariants} | ||
| initial="hidden" | ||
| animate={activeTab === 'benefits' ? "visible" : "hidden"} | ||
| > | ||
| <h2 className="text-3xl font-bold mb-6 text-purple-800 dark:text-purple-300">Why Choose LeetCode Journal?</h2> | ||
| <motion.ul className="space-y-4" variants={containerVariants}> | ||
| {benefits.map((benefit, index) => ( | ||
| <motion.li key={index} className="flex items-start" variants={itemVariants}> | ||
| <CheckCircle className="mr-2 mt-1 text-purple-600 dark:text-purple-400 flex-shrink-0" /> | ||
| <span className="text-purple-700 dark:text-purple-200">{benefit}</span> | ||
| </motion.li> | ||
| ))} | ||
| </motion.ul> | ||
| </motion.div> | ||
| </TabsContent> | ||
| </Tabs> | ||
| ) | ||
| } | ||
|
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,212 @@ | ||
| 'use client' | ||
|
|
||
| import Link from 'next/link' | ||
| import { motion } from 'framer-motion' | ||
| import { Button } from "@/components/ui/button" | ||
| import { TabContainer } from './components/TabContainer' | ||
| import Navbar1 from '@/components/navbar' | ||
| import {SocialLinks} from '@/components/SocialLinks' | ||
| import { BookOpen, Github } from 'lucide-react' | ||
|
|
||
| export default function LearnMorePage() { | ||
| return ( | ||
| <div className=""> | ||
| <Navbar1 /> | ||
| <div className="min-h-screen bg-gradient-to-br from-purple-50 via-white to-purple-100 dark:from-gray-900 dark:via-gray-800 dark:to-purple-900 bg-texture"> | ||
| <div className="container mx-auto px-4 py-16"> | ||
| <motion.h1 | ||
| className="text-5xl font-bold text-center mb-8 text-purple-800 dark:text-purple-300" | ||
| initial={{ y: -20, opacity: 0 }} | ||
| animate={{ y: 0, opacity: 1 }} | ||
| transition={{ duration: 0.5 }} | ||
| > | ||
| Discover LeetCode Journal | ||
| </motion.h1> | ||
|
|
||
| <motion.div | ||
| className="max-w-3xl mx-auto mb-16" | ||
| initial={{ y: 20, opacity: 0 }} | ||
| animate={{ y: 0, opacity: 1 }} | ||
| transition={{ delay: 0.2, duration: 0.5 }} | ||
| > | ||
| <p className="text-xl text-center mb-8 text-purple-700 dark:text-purple-200"> | ||
| Elevate your coding practice and ace technical interviews with LeetCode Journal - your ultimate companion for mastering coding challenges. | ||
| </p> | ||
| <div className="flex justify-center"> | ||
| <Button asChild size="lg" className="bg-gradient-to-r from-purple-600 to-purple-700 hover:from-purple-700 hover:to-purple-800 text-white dark:from-purple-500 dark:to-purple-600 dark:hover:from-purple-600 dark:hover:to-purple-700"> | ||
| <Link href="/signup">Start Your Coding Journey</Link> | ||
| </Button> | ||
| </div> | ||
| </motion.div> | ||
|
|
||
| <TabContainer /> | ||
|
|
||
| <motion.div | ||
| className="text-center bg-white/80 dark:bg-gray-800/80 backdrop-blur-sm rounded-lg p-8 shadow-lg mt-16" | ||
| initial={{ y: 20, opacity: 0 }} | ||
| animate={{ y: 0, opacity: 1 }} | ||
| transition={{ delay: 0.4, duration: 0.5 }} | ||
| > | ||
| <h2 className="text-3xl font-bold mb-4 text-purple-800 dark:text-purple-300">Ready to Elevate Your Coding Journey?</h2> | ||
| <p className="text-xl mb-8 text-purple-700 dark:text-purple-200">Join thousands of developers who have transformed their LeetCode experience with LeetCode Journal.</p> | ||
| <Button asChild size="lg" className="bg-gradient-to-r from-purple-600 to-purple-700 hover:from-purple-700 hover:to-purple-800 text-white dark:from-purple-500 dark:to-purple-600 dark:hover:from-purple-600 dark:hover:to-purple-700"> | ||
| <Link href="/signup">Start Your Free Trial</Link> | ||
| </Button> | ||
| </motion.div> | ||
| </div> | ||
| </div> | ||
| <footer className="w-full py-12 px-4 md:px-6 border-t bg-secondary"> | ||
| <div className="container mx-auto"> | ||
| <div className="flex flex-col md:flex-row justify-between items-center mb-8"> | ||
| <div className="flex items-center space-x-4 mb-4 md:mb-0"> | ||
| <BookOpen className="h-6 w-6 text-primary" /> | ||
| <span className="font-bold text-lg">LeetCode Journal</span> | ||
| </div> | ||
| <div className="flex items-center space-x-4 -ml-2"> | ||
| <Button | ||
| variant="outline" | ||
| size="sm" | ||
| className="hidden md:flex" | ||
| asChild | ||
| > | ||
| <a | ||
| href="https://github.com/yashksaini-coder/leetcode-journal" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| <Github className="mr-2 h-4 w-4" /> | ||
| Star on GitHub | ||
| </a> | ||
| </Button> | ||
| <SocialLinks /> | ||
| </div> | ||
| </div> | ||
| <div className="grid grid-cols-2 md:grid-cols-4 gap-8 mb-8"> | ||
| <div> | ||
| <h3 className="font-semibold mb-3 text-lg">Product</h3> | ||
| <ul className="space-y-2"> | ||
| <li> | ||
| <Link | ||
| href="#features" | ||
| className="text-sm hover:text-primary transition-colors" | ||
| > | ||
| Features | ||
| </Link> | ||
| </li> | ||
| <li> | ||
| <Link | ||
| href="#pricing" | ||
| className="text-sm hover:text-primary transition-colors" | ||
| > | ||
| Pricing | ||
| </Link> | ||
| </li> | ||
| <li> | ||
| <Link | ||
| href="#" | ||
| className="text-sm hover:text-primary transition-colors" | ||
| > | ||
| FAQ | ||
| </Link> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <div> | ||
| <h3 className="font-semibold mb-3 text-lg">Company</h3> | ||
| <ul className="space-y-2"> | ||
| <li> | ||
| <Link | ||
| href="#" | ||
| className="text-sm hover:text-primary transition-colors" | ||
| > | ||
| About | ||
| </Link> | ||
| </li> | ||
| <li> | ||
| <Link | ||
| href="#" | ||
| className="text-sm hover:text-primary transition-colors" | ||
| > | ||
| Blog | ||
| </Link> | ||
| </li> | ||
| <li> | ||
| <Link | ||
| href="#" | ||
| className="text-sm hover:text-primary transition-colors" | ||
| > | ||
| Careers | ||
| </Link> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <div> | ||
| <h3 className="font-semibold mb-3 text-lg">Resources</h3> | ||
| <ul className="space-y-2"> | ||
| <li> | ||
| <Link | ||
| href="#" | ||
| className="text-sm hover:text-primary transition-colors" | ||
| > | ||
| Documentation | ||
| </Link> | ||
| </li> | ||
| <li> | ||
| <Link | ||
| href="#" | ||
| className="text-sm hover:text-primary transition-colors" | ||
| > | ||
| Community | ||
| </Link> | ||
| </li> | ||
| <li> | ||
| <Link | ||
| href="#" | ||
| className="text-sm hover:text-primary transition-colors" | ||
| > | ||
| Support | ||
| </Link> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <div> | ||
| <h3 className="font-semibold mb-3 text-lg">Legal</h3> | ||
| <ul className="space-y-2"> | ||
| <li> | ||
| <Link | ||
| href="#" | ||
| className="text-sm hover:text-primary transition-colors" | ||
| > | ||
| Privacy Policy | ||
| </Link> | ||
| </li> | ||
| <li> | ||
| <Link | ||
| href="#" | ||
| className="text-sm hover:text-primary transition-colors" | ||
| > | ||
| Terms of Service | ||
| </Link> | ||
| </li> | ||
| <li> | ||
| <Link | ||
| href="#" | ||
| className="text-sm hover:text-primary transition-colors" | ||
| > | ||
| Cookie Policy | ||
| </Link> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| <div className="flex flex-col md:flex-row justify-between items-center pt-8 border-t border-border"> | ||
| <p className="text-sm text-muted-foreground mb-4 md:mb-0"> | ||
| © 2023 LeetCode Journal. All rights reserved. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
| </div> | ||
| ) | ||
| } | ||
|
|
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The UI looks good. Thanks for your contributuion