Skip to content

Commit f2aaea6

Browse files
deepraj21deepraj21
authored
Merge pull request #36 from Ashu1823/feat/landingPageChange#30
Completed UI Task (Landing Page changes #30 )
2 parents b8d8083 + d4ada67 commit f2aaea6

File tree

9 files changed

+781
-707
lines changed

9 files changed

+781
-707
lines changed

‎client/package-lock.json‎

Lines changed: 532 additions & 527 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎client/package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414
"@radix-ui/react-accordion": "^1.2.0",
1515
"@radix-ui/react-dialog": "^1.1.1",
1616
"@radix-ui/react-dropdown-menu": "^2.1.1",
17+
"@radix-ui/react-icons": "^1.3.0",
1718
"@radix-ui/react-label": "^2.1.0",
1819
"@radix-ui/react-navigation-menu": "^1.2.0",
1920
"@radix-ui/react-select": "^2.1.1",

‎client/src/components/FAQ/Faq.tsx‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
import {
2+
Accordion,
3+
AccordionContent,
4+
AccordionItem,
5+
AccordionTrigger,
6+
} from "@/components/ui/accordion"
7+
8+
9+
export function Faq() {
10+
const faqs = [
11+
{
12+
question: "How to create an account?",
13+
answer: "Yes, signUp to create a new account and get opt auth & protection."
14+
},
15+
{
16+
question: "Is it free to chat with the model?",
17+
answer: "Yes, you can complete your profile and start chat."
18+
},
19+
{
20+
question: "can we make our account private?",
21+
answer: "No, as a collaborative platform, other developers can find you."
22+
},
23+
{
24+
question: "can we chat with anyone?",
25+
answer: "Yes, you can search dev and chat with anyone."
26+
}
27+
]
28+
return (
29+
<div className="grid grid-cols-1 md:grid-cols-1 lg:grid-cols-1 relative z-10 py-10 max-w-7xl mx-auto">
30+
<h1>FAQS</h1>
31+
{faqs.map(data => (
32+
<Accordion type="single" collapsible>
33+
<AccordionItem value="item-1">
34+
<AccordionTrigger>{data.question}</AccordionTrigger>
35+
<AccordionContent>
36+
{data.answer}
37+
</AccordionContent>
38+
</AccordionItem>
39+
</Accordion>
40+
))}
41+
</div>
42+
43+
);
44+
}

‎client/src/components/Footer/Footer.tsx‎

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -7,66 +7,66 @@ import Balancer from "react-wrap-balancer";
77
import { Button } from "../ui/button";
88

99
// Icon imports
10-
import { Github, Twitter, Facebook } from "lucide-react";
10+
import { Github } from "lucide-react";
1111

1212
// Local component imports
1313
import { Section, Container } from "@/components/ui/craft";
14+
import { DiscordLogoIcon } from '@radix-ui/react-icons';
1415

1516
// Asset imports
1617
// import Logo from "@/public/logo.svg";
1718

1819
export default function Footer() {
20+
const handleGithubClick = (event: React.MouseEvent<HTMLButtonElement>) => {
21+
event.preventDefault(); // Prevent any default button behavior
22+
window.open("https://github.com/devhub-ai/devhub", "_blank");
23+
};
24+
const handleDiscordClick = (event: React.MouseEvent<HTMLButtonElement>) => {
25+
event.preventDefault(); // Prevent any default button behavior
26+
window.open("https://discord.gg/he8QHEC8WP", "_blank");
27+
};
1928
return (
2029
<footer>
2130
<Section>
2231
<Container className="grid gap-12 md:grid-cols-[1.5fr_0.5fr_0.5fr]">
2332
<div className="not-prose flex flex-col gap-6">
24-
<Link to="/">
25-
<h3 className="sr-only">brijr/components</h3>
26-
{/* <img
27-
src={Logo}
33+
<div className='logo'>
34+
<img
35+
src="https://i.ibb.co/kh28sVv/cropped-image.png"
2836
alt="Logo"
29-
width={120}
37+
width={60}
3038
height={27.27}
3139
className="transition-all hover:opacity-75 dark:invert"
32-
></img> */}
33-
</Link>
40+
></img>
41+
</div>
3442
<p>
3543
<Balancer>
36-
brijr/components is a collection of Next.js, React, Typescript
37-
components for building landing pages and websites.
44+
DevHub is an innovative platform designed to connect developers who share similar interests and complementary skills.
3845
</Balancer>
3946
</p>
4047
</div>
41-
<div className="flex flex-col gap-2">
42-
<h5>Website</h5>
43-
<Link to="/">Blog</Link>
44-
<Link to="/">Authors</Link>
45-
<Link to="/">Categories</Link>
46-
</div>
47-
<div className="flex flex-col gap-2">
48+
<div className="flex flex-col gap-2" style={{justifyContent: 'flex-end'}}>
4849
<h5>Legal</h5>
4950
<Link to="/privacy-policy">Privacy Policy</Link>
51+
</div>
52+
<div className="flex flex-col justify-cont gap-2" style={{justifyContent: 'flex-end'}}>
5053
<Link to="/terms-of-service">Terms of Service</Link>
5154
<Link to="/cookie-policy">Cookie Policy</Link>
5255
</div>
5356
</Container>
5457
<Container className="not-prose flex flex-col justify-between gap-6 border-t md:flex-row md:items-center md:gap-2">
5558
<div className="flex gap-2">
56-
<Button variant="outline" size="icon">
59+
<Button variant="outline" size="icon" onClick={handleGithubClick}>
5760
<Github />
5861
</Button>
59-
<Button variant="outline" size="icon">
60-
<Twitter />
61-
</Button>
62-
<Button variant="outline" size="icon">
63-
<Facebook />
62+
<Button variant="outline" size="icon" onClick={handleDiscordClick}>
63+
<DiscordLogoIcon />
6464
</Button>
6565
</div>
6666
<p className="text-muted-foreground">
6767
©{" "}
68-
<a to="https://github.com/brijr/components">brijr/components</a>.
69-
All rights reserved. 2024-present.
68+
<span>Devhub</span>.
69+
All rights reserved. 2024.
7070
</p>
7171
</Container>
7272
</Section>

‎client/src/components/Hero/features.tsx‎

Lines changed: 26 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,61 +1,53 @@
11
import { cn } from "@/lib/utils";
2-
import {
3-
IconAdjustmentsBolt,
4-
IconCloud,
5-
IconCurrencyDollar,
6-
IconEaseInOut,
7-
IconHeart,
8-
IconHelp,
9-
IconRouteAltLeft,
10-
IconTerminal2,
11-
} from "@tabler/icons-react";
2+
import { IconLock, IconStar, IconShare, IconUsers, IconUserPlus, IconBulb, IconBuilding, IconMap } from "@tabler/icons-react";
3+
124

135
export function FeaturesSectionDemo() {
146
const features = [
157
{
16-
title: "Built for developers",
8+
title: "Secure Your Access",
179
description:
18-
"Built for engineers, developers, dreamers, thinkers and doers.",
19-
icon: <IconTerminal2 />,
10+
"Protect your account with industry-standard OTP authentication, ensuring only you can log in.",
11+
icon: <IconLock />,
2012
},
2113
{
22-
title: "Ease of use",
14+
title: "Showcase Your Skills",
2315
description:
24-
"It's as easy as using an Apple, and as expensive as buying one.",
25-
icon: <IconEaseInOut />,
16+
"Link your coding profiles from GitHub, LeetCode, and more to demonstrate your expertise and achievements.",
17+
icon: <IconStar />,
2618
},
2719
{
28-
title: "Pricing like no other",
20+
title: "Share Your Journey",
2921
description:
30-
"Our prices are best in the market. No cap, no lock, no credit card required.",
31-
icon: <IconCurrencyDollar />,
22+
"Create a profile that reflects your passion and work, and easily share it with others to grow your network.",
23+
icon: <IconShare />,
3224
},
3325
{
34-
title: "100% Uptime guarantee",
35-
description: "We just cannot be taken down by anyone.",
36-
icon: <IconCloud />,
26+
title: "Find Your Community",
27+
description: "Search and connect with like-minded developers and engineers from across the globe based on skills and interests.",
28+
icon: <IconUsers />,
3729
},
3830
{
39-
title: "Multi-tenant Architecture",
40-
description: "You can simply share passwords instead of buying new seats",
41-
icon: <IconRouteAltLeft />,
31+
title: "Collaborate Instantly",
32+
description: "Start conversations, discuss projects, and brainstorm ideas with fellow developers through instant chat.",
33+
icon: <IconUserPlus />,
4234
},
4335
{
44-
title: "24/7 Customer Support",
36+
title: "Share Your Innovations",
4537
description:
46-
"We are available a 100% of the time. Atleast our AI Agents are.",
47-
icon: <IconHelp />,
38+
"Post your latest projects, get feedback, and showcase your creativity to the developer community.",
39+
icon: <IconBulb />,
4840
},
4941
{
50-
title: "Money back guarantee",
42+
title: "Build Together",
5143
description:
52-
"If you donot like EveryAI, we will convince you to like us.",
53-
icon: <IconAdjustmentsBolt />,
44+
"Form groups to collaborate, work on projects, or simply discuss ideas with others who share your vision.",
45+
icon: <IconBuilding />,
5446
},
5547
{
56-
title: "And everything else",
57-
description: "I just ran out of copy ideas. Accept my sincere apologies",
58-
icon: <IconHeart />,
48+
title: "Plan Your Path",
49+
description: "Follow a customized roadmap to guide your learning, hone your skills, and reach your career goals as a developer.",
50+
icon: <IconMap />,
5951
},
6052
];
6153
return (

‎client/src/components/Navbar/navbar.tsx‎

Lines changed: 34 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -1,78 +1,69 @@
11
import { FloatingDock } from "@/components/ui/floating-dock";
22
import {
33
IconBrandGithub,
4-
IconBrandX,
4+
IconBrandDiscord,
55
IconExchange,
66
IconHome,
77
IconNewSection,
88
IconTerminal2,
99
} from "@tabler/icons-react";
1010

11-
1211
export function Navbar() {
1312
const links = [
1413
{
1514
title: "Home",
16-
icon: (
17-
<IconHome className="h-full w-full text-neutral-500 dark:text-neutral-300" />
18-
),
19-
href: "#",
15+
icon: <IconHome className="h-full w-full text-neutral-500 dark:text-neutral-300" />,
16+
to: "#top", // Scroll to top
2017
},
21-
2218
{
23-
title: "Products",
24-
icon: (
25-
<IconTerminal2 className="h-full w-full text-neutral-500 dark:text-neutral-300" />
26-
),
27-
href: "#",
19+
title: "Features",
20+
icon: <IconTerminal2 className="h-full w-full text-neutral-500 dark:text-neutral-300" />,
21+
to: "#features", // Scroll to features section
2822
},
2923
{
30-
title: "Components",
31-
icon: (
32-
<IconNewSection className="h-full w-full text-neutral-500 dark:text-neutral-300" />
33-
),
34-
href: "#",
24+
title: "FAQs",
25+
icon: <IconNewSection className="h-full w-full text-neutral-500 dark:text-neutral-300" />,
26+
to: "#help", // Scroll to help section
3527
},
3628
{
3729
title: "DevHub",
38-
icon: (
39-
<img
40-
src="../../../public/logo.png"
41-
width={20}
42-
height={20}
43-
alt="DevHub"
44-
/>
45-
),
46-
href: "#",
30+
icon: <img src="../../../public/logo.png" width={20} height={20} alt="DevHub" />,
31+
to: "#", // No scrolling
4732
},
4833
{
49-
title: "Changelog",
50-
icon: (
51-
<IconExchange className="h-full w-full text-neutral-500 dark:text-neutral-300" />
52-
),
53-
href: "#",
34+
title: "DevMap",
35+
icon: <IconExchange className="h-full w-full text-neutral-500 dark:text-neutral-300" />,
36+
to: "#", // No scrolling
5437
},
55-
5638
{
57-
title: "Twitter",
58-
icon: (
59-
<IconBrandX className="h-full w-full text-neutral-500 dark:text-neutral-300" />
60-
),
61-
href: "#",
39+
title: "Discord",
40+
icon: <IconBrandDiscord className="h-full w-full text-neutral-500 dark:text-neutral-300" />,
41+
to: "https://discord.gg/he8QHEC8WP", // Discord link
6242
},
6343
{
6444
title: "GitHub",
65-
icon: (
66-
<IconBrandGithub className="h-full w-full text-neutral-500 dark:text-neutral-300" />
67-
),
68-
href: "#",
45+
icon: <IconBrandGithub className="h-full w-full text-neutral-500 dark:text-neutral-300" />,
46+
to: "https://github.com/devhub-ai/devhub", // GitHub link
6947
},
7048
];
49+
50+
const handleClick = (event, link) => {
51+
if (link.to.startsWith("#")) {
52+
event.preventDefault();
53+
const targetElement = document.querySelector(link.to);
54+
if (targetElement) {
55+
targetElement.scrollIntoView({ behavior: "smooth" });
56+
}
57+
}
58+
};
59+
7160
return (
7261
<div className="flex items-center justify-center mt-16 w-full">
7362
<FloatingDock
74-
// mobileClassName="translate-y-20" // only for demo, remove for production
75-
items={links}
63+
items={links.map(link => ({
64+
...link,
65+
onClick: (event) => handleClick(event, link),
66+
}))}
7667
/>
7768
</div>
7869
);

0 commit comments

Comments
 (0)