Compare commits
18 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 62837f1ef9 | |||
| 8b7bd43da2 | |||
| 2100dfcd74 | |||
| 20a41c06d3 | |||
| 95d3c1af0f | |||
| efc39f0539 | |||
| bce3805ae2 | |||
| 5ae66c0b24 | |||
| b1d8567eb1 | |||
| 33a545a17f | |||
| 6f411acde1 | |||
| 452706960a | |||
| 90fc6c1dbc | |||
| f36ab44f3c | |||
| 5c6d3a9c14 | |||
| f9cce4168e | |||
| f45bb184a6 | |||
| 5165279bcb |
@@ -1,12 +1,12 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Inter_Tight } from "next/font/google";
|
||||
import { IBM_Plex_Sans } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const interTight = Inter_Tight({
|
||||
variable: "--font-inter-tight", subsets: ["latin"],
|
||||
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
||||
const ibmPlexSans = IBM_Plex_Sans({
|
||||
variable: "--font-ibm-plex-sans", subsets: ["latin"],
|
||||
weight: ["100", "200", "300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
@@ -15,7 +15,8 @@ export const metadata: Metadata = {
|
||||
follow: true,
|
||||
},
|
||||
openGraph: {
|
||||
title: "CompClub - Where Tech Enthusiasts Connect", description: "Join our vibrant community of 200+ members. Learn, code, and grow together.", type: "website", siteName: "CompClub", url: "https://compclub.com"},
|
||||
title: "CompClub - Where Tech Enthusiasts Connect", description: "Join our vibrant community of 200+ members. Learn, code, and grow together.", type: "website", siteName: "CompClub", url: "https://compclub.com"
|
||||
},
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
@@ -27,7 +28,7 @@ export default function RootLayout({
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${interTight.variable} antialiased`}
|
||||
className={`${ibmPlexSans.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
"use client"
|
||||
"use client";
|
||||
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
@@ -40,29 +40,19 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
title="Connect. Code. Create. Together."
|
||||
<HeroLogoBillboard
|
||||
logoText="Connect. Code. Create."
|
||||
description="Join our thriving computer club where students collaborate on innovative projects, sharpen their coding skills, and build lasting connections with fellow tech enthusiasts."
|
||||
tag="Welcome to CompClub"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Join Our Club", href: "#contact" },
|
||||
{ text: "Learn More", href: "#about" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/binary-code-digits-technology-software-concept_53876-120040.jpg", imageAlt: "Computer workstation with development setup"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-92639.jpg", imageAlt: "Collaborative coding session"
|
||||
}
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/binary-code-digits-technology-software-concept_53876-120040.jpg"
|
||||
imageAlt="Computer workstation with development setup"
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 200+ members"
|
||||
frameStyle="card"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
font-family: var(--font-ibm-plex-sans), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
font-family: var(--font-ibm-plex-sans), sans-serif;
|
||||
}
|
||||
|
||||
@@ -2,23 +2,23 @@
|
||||
/* Base units */
|
||||
/* --vw is set by ThemeProvider */
|
||||
|
||||
/* --background: #f7f6f7;;
|
||||
--card: #ffffff;;
|
||||
--foreground: #251a0c;;
|
||||
--primary-cta: #f4c408;;
|
||||
--secondary-cta: #ffffff;;
|
||||
--accent: #f4ca26;;
|
||||
--background-accent: #e8daa8;; */
|
||||
/* --background: #0f1419;;;;
|
||||
--card: #1a202c;;;;
|
||||
--foreground: #e0f7ff;;;;
|
||||
--primary-cta: #00d9ff;;;;
|
||||
--secondary-cta: #2d3748;;;;
|
||||
--accent: #ff006e;;;;
|
||||
--background-accent: #00d9ff;;;; */
|
||||
|
||||
--background: #f7f6f7;;
|
||||
--card: #ffffff;;
|
||||
--foreground: #251a0c;;
|
||||
--primary-cta: #f4c408;;
|
||||
--primary-cta-text: #f7f6f7;;
|
||||
--secondary-cta: #ffffff;;
|
||||
--secondary-cta-text: #251a0c;;
|
||||
--accent: #f4ca26;;
|
||||
--background-accent: #e8daa8;;
|
||||
--background: #0f1419;;;;
|
||||
--card: #1a202c;;;;
|
||||
--foreground: #e0f7ff;;;;
|
||||
--primary-cta: #00d9ff;;;;
|
||||
--primary-cta-text: #ff00ff;;;;
|
||||
--secondary-cta: #2d3748;;;;
|
||||
--secondary-cta-text: #ff9100;;;;
|
||||
--accent: #ff006e;;;;
|
||||
--background-accent: #00d9ff;;;;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user