Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ef3c44512d | |||
| 1a2b552374 | |||
| 769598dada | |||
| 16757ac38d | |||
| d539a2b87e | |||
| 99aead8311 |
@@ -54,30 +54,27 @@ export default function HomePage() {
|
|||||||
|
|
||||||
<div id="hero-section" data-section="hero-section">
|
<div id="hero-section" data-section="hero-section">
|
||||||
<HeroCentered
|
<HeroCentered
|
||||||
title="Welcome to the Computer Club"
|
title="Welcome to Tech Club"
|
||||||
description="Join a vibrant community of tech enthusiasts and innovators. Together, we explore cutting-edge technologies, collaborate on exciting projects, and grow as developers and creators."
|
description="Join a thriving community of developers, designers, and innovators pushing the boundaries of technology together."
|
||||||
background={{ variant: "sparkles-gradient" }}
|
background={{ variant: "radial-gradient" }}
|
||||||
avatars={[
|
avatars={[
|
||||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19609.jpg", alt: "Club member 1" },
|
{ src: "http://img.b2bpic.net/free-photo/side-view-friends-winning-videogame_23-2149349984.jpg", alt: "Member 1" },
|
||||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg", alt: "Club member 2" },
|
{ src: "http://img.b2bpic.net/free-photo/teen-smiling-boy-vr-headset-playing-video-games-video-game-club-with-blue-illumination-using-gamepad_1268-24604.jpg", alt: "Member 2" },
|
||||||
{ src: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg", alt: "Club member 3" },
|
{ src: "http://img.b2bpic.net/free-photo/young-adult-listening-study-music-writing-ideas-bachelor-paper_482257-126990.jpg", alt: "Member 3" }
|
||||||
{ src: "http://img.b2bpic.net/free-photo/vertical-shot-happy-smiling-woman-sitting-cafe-with-laptop_197531-22982.jpg", alt: "Club member 4" }
|
|
||||||
]}
|
]}
|
||||||
avatarText="Join 150+ members"
|
avatarText="Join 150+ members"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Get Started", href: "/contact" },
|
{ label: "Join Us Today", href: "/contact", dataWebildId: "hero_join_btn" },
|
||||||
{ text: "Learn More", href: "/about" }
|
{ label: "View Projects", href: "/projects", dataWebildId: "hero_projects_btn" }
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{ type: "text-icon", text: "Web Development", icon: Code },
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/finger-touching-numeric-keypad_1134-136.jpg", alt: "Tech" },
|
||||||
{ type: "text-icon", text: "AI & Machine Learning", icon: Brain },
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/mystical-numerology-scene_52683-107763.jpg", alt: "Innovation" },
|
||||||
{ type: "text-icon", text: "Mobile Apps", icon: Smartphone },
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/relaxed-company-ceo-enjoying-successful-business_482257-76955.jpg", alt: "Collaboration" },
|
||||||
{ type: "text-icon", text: "Cloud Computing", icon: Cloud },
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/time-smartphone-screen_53876-16162.jpg", alt: "Development" }
|
||||||
{ type: "text-icon", text: "Cybersecurity", icon: Shield },
|
|
||||||
{ type: "text-icon", text: "Game Development", icon: Gamepad2 }
|
|
||||||
]}
|
]}
|
||||||
marqueeSpeed={25}
|
marqueeSpeed={30}
|
||||||
showMarqueeCard={true}
|
showMarqueeCard={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -3,22 +3,22 @@
|
|||||||
/* --vw is set by ThemeProvider */
|
/* --vw is set by ThemeProvider */
|
||||||
|
|
||||||
/* --background: #ffffff;;
|
/* --background: #ffffff;;
|
||||||
--card: #f9f9f9;;
|
--card: #2d2d2d;;
|
||||||
--foreground: #000f06e6;;
|
--foreground: #e8e8e8;;
|
||||||
--primary-cta: #0a7039;;
|
--primary-cta: #4ade80;;
|
||||||
--secondary-cta: #f9f9f9;;
|
--secondary-cta: #2d2d2d;;
|
||||||
--accent: #e2e2e2;;
|
--accent: #404040;;
|
||||||
--background-accent: #c4c4c4;; */
|
--background-accent: #3a3a3a;; */
|
||||||
|
|
||||||
--background: #ffffff;;
|
--background: #1a1a1a;;
|
||||||
--card: #f9f9f9;;
|
--card: #2d2d2d;;
|
||||||
--foreground: #000f06e6;;
|
--foreground: #e8e8e8;;
|
||||||
--primary-cta: #0a7039;;
|
--primary-cta: #4ade80;;
|
||||||
--primary-cta-text: #ffffff;;
|
--primary-cta-text: #ffffff;;
|
||||||
--secondary-cta: #f9f9f9;;
|
--secondary-cta: #2d2d2d;;
|
||||||
--secondary-cta-text: #000f06e6;;
|
--secondary-cta-text: #000f06e6;;
|
||||||
--accent: #e2e2e2;;
|
--accent: #404040;;
|
||||||
--background-accent: #c4c4c4;;
|
--background-accent: #3a3a3a;;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user