Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-11 21:20:50 +00:00
2 changed files with 52 additions and 61 deletions

View File

@@ -19,7 +19,7 @@ export default function LandingPage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSizeMediumTitles"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
@@ -48,18 +48,18 @@ export default function LandingPage() {
tag="AI Note-Taking Platform"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "plain" }}
leftCarouselItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/a-modern-college-student-taking-notes-in-1773263936819-adf765f9.png?_wi=1", imageAlt: "College AI dashboard showing organized notes" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/an-illustration-showing-a-professor-spea-1773263936062-b95be386.png?_wi=1", imageAlt: "AI summarization feature in action" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/a-close-up-view-of-a-digital-note-taking-1773263936652-ff701201.png?_wi=1", imageAlt: "Smart note organization system" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/multiple-college-students-collaborating--1773263937112-ca673459.png?_wi=1", imageAlt: "Real-time collaboration between students" }
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/a-modern-college-student-taking-notes-in-1773263936819-adf765f9.png", imageAlt: "College AI dashboard showing organized notes" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/an-illustration-showing-a-professor-spea-1773263936062-b95be386.png", imageAlt: "AI summarization feature in action" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/a-close-up-view-of-a-digital-note-taking-1773263936652-ff701201.png", imageAlt: "Smart note organization system" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/multiple-college-students-collaborating--1773263937112-ca673459.png", imageAlt: "Real-time collaboration between students" }
]}
rightCarouselItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/an-illustration-showing-a-professor-spea-1773263936062-b95be386.png?_wi=2", imageAlt: "AI lecture summarization" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/a-close-up-view-of-a-digital-note-taking-1773263936652-ff701201.png?_wi=2", imageAlt: "Note organization interface" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/multiple-college-students-collaborating--1773263937112-ca673459.png?_wi=2", imageAlt: "Group study collaboration" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/a-modern-college-student-taking-notes-in-1773263936819-adf765f9.png?_wi=2", imageAlt: "College AI main dashboard" }
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/an-illustration-showing-a-professor-spea-1773263936062-b95be386.png", imageAlt: "AI lecture summarization" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/a-close-up-view-of-a-digital-note-taking-1773263936652-ff701201.png", imageAlt: "Note organization interface" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/multiple-college-students-collaborating--1773263937112-ca673459.png", imageAlt: "Group study collaboration" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/a-modern-college-student-taking-notes-in-1773263936819-adf765f9.png", imageAlt: "College AI main dashboard" }
]}
carouselPosition="right"
buttons={[
@@ -78,7 +78,7 @@ export default function LandingPage() {
tag="Intelligent Note Processing"
tagIcon={Brain}
tagAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/an-illustration-showing-a-professor-spea-1773263936062-b95be386.png?_wi=3"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/an-illustration-showing-a-professor-spea-1773263936062-b95be386.png"
imageAlt="How College AI processes lecture notes"
buttons={[
{ text: "Learn More", href: "#features" }
@@ -98,19 +98,19 @@ export default function LandingPage() {
features={[
{
id: 1,
title: "AI-Powered Summarization", description: "Automatically condenses lectures into concise, study-ready summaries so you retain more information faster than ever before.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/an-illustration-showing-a-professor-spea-1773263936062-b95be386.png?_wi=4"
title: "AI-Powered Summarization", description: "Automatically condenses lectures into concise, study-ready summaries so you retain more information faster than ever before.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/an-illustration-showing-a-professor-spea-1773263936062-b95be386.png"
},
{
id: 2,
title: "Smart Organization", description: "Intelligent categorization by subject, date, and topic with AI-suggested tags keeps all your notes perfectly organized automatically.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/a-close-up-view-of-a-digital-note-taking-1773263936652-ff701201.png?_wi=3"
title: "Smart Organization", description: "Intelligent categorization by subject, date, and topic with AI-suggested tags keeps all your notes perfectly organized automatically.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/a-close-up-view-of-a-digital-note-taking-1773263936652-ff701201.png"
},
{
id: 3,
title: "Real-Time Collaboration", description: "Share notes with classmates and study together in real-time with synchronized editing and AI-powered insights for group learning.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/multiple-college-students-collaborating--1773263937112-ca673459.png?_wi=3"
title: "Real-Time Collaboration", description: "Share notes with classmates and study together in real-time with synchronized editing and AI-powered insights for group learning.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/multiple-college-students-collaborating--1773263937112-ca673459.png"
},
{
id: 4,
title: "Smart Search & Retrieval", description: "Find any concept across all your classes instantly with AI-powered search that understands context and meaning, not just keywords.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/a-modern-college-student-taking-notes-in-1773263936819-adf765f9.png?_wi=3"
title: "Smart Search & Retrieval", description: "Find any concept across all your classes instantly with AI-powered search that understands context and meaning, not just keywords.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/a-modern-college-student-taking-notes-in-1773263936819-adf765f9.png"
}
]}
textboxLayout="default"
@@ -128,13 +128,13 @@ export default function LandingPage() {
tagAnimation="slide-up"
products={[
{
id: "free", name: "College AI Free", price: "Free", variant: "5 classes per semester", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/screenshot-of-college-ai-s-ai-powered-no-1773263935457-e0212d87.png?_wi=1", imageAlt: "College AI Free plan features"
id: "free", name: "College AI Free", price: "Free", variant: "5 classes per semester", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/screenshot-of-college-ai-s-ai-powered-no-1773263935457-e0212d87.png", imageAlt: "College AI Free plan features"
},
{
id: "pro", name: "College AI Pro", price: "$9.99", variant: "Unlimited classes • Premium features", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/screenshot-of-college-ai-showing-the-int-1773263936510-4ab2e141.png?_wi=1", imageAlt: "College AI Pro advanced features"
id: "pro", name: "College AI Pro", price: "$9.99", variant: "Unlimited classes • Premium features", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/screenshot-of-college-ai-showing-the-int-1773263936510-4ab2e141.png", imageAlt: "College AI Pro advanced features"
},
{
id: "team", name: "College AI Team", price: "$4.99", variant: "Per student • Group discounts • Admin panel", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/screenshot-of-college-ai-s-real-time-col-1773263936437-ead01cd7.png?_wi=1", imageAlt: "College AI Team collaboration suite"
id: "team", name: "College AI Team", price: "$4.99", variant: "Per student • Group discounts • Admin panel", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/screenshot-of-college-ai-s-real-time-col-1773263936437-ead01cd7.png", imageAlt: "College AI Team collaboration suite"
}
]}
gridVariant="uniform-all-items-equal"
@@ -157,22 +157,22 @@ export default function LandingPage() {
tagAnimation="slide-up"
testimonials={[
{
id: "1", name: "Sarah Chen, Pre-Med Student at UC Berkeley", date: "Date: 15 November 2024", title: "Saved my GPA this semester!", quote: "College AI's summarization feature is a game-changer. I've gone from spending 3 hours reorganizing notes to just 30 minutes. My grades have never been better, and I actually have time for a social life now.", tag: "Premium User", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/portrait-photo-of-a-smiling-college-stud-1773263934676-a7658f3f.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/an-illustration-showing-a-professor-spea-1773263936062-b95be386.png?_wi=5"
id: "1", name: "Sarah Chen, Pre-Med Student at UC Berkeley", date: "Date: 15 November 2024", title: "Saved my GPA this semester!", quote: "College AI's summarization feature is a game-changer. I've gone from spending 3 hours reorganizing notes to just 30 minutes. My grades have never been better, and I actually have time for a social life now.", tag: "Premium User", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/portrait-photo-of-a-smiling-college-stud-1773263934676-a7658f3f.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/an-illustration-showing-a-professor-spea-1773263936062-b95be386.png"
},
{
id: "2", name: "Marcus Johnson, Engineering Student at MIT", date: "Date: 12 November 2024", title: "Finally passing my hardest classes", quote: "As an engineering student juggling 5 classes, College AI has been essential. The organization system keeps everything I need accessible, and the AI summaries help me grasp complex concepts faster than ever.", tag: "Premium User", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/portrait-photo-of-a-smiling-college-stud-1773263934961-002fce3c.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/a-close-up-view-of-a-digital-note-taking-1773263936652-ff701201.png?_wi=4"
id: "2", name: "Marcus Johnson, Engineering Student at MIT", date: "Date: 12 November 2024", title: "Finally passing my hardest classes", quote: "As an engineering student juggling 5 classes, College AI has been essential. The organization system keeps everything I need accessible, and the AI summaries help me grasp complex concepts faster than ever.", tag: "Premium User", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/portrait-photo-of-a-smiling-college-stud-1773263934961-002fce3c.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/a-close-up-view-of-a-digital-note-taking-1773263936652-ff701201.png"
},
{
id: "3", name: "Alex Rodriguez, Business Major at Stanford", date: "Date: 10 November 2024", title: "My study group loves it", quote: "The collaboration features mean our entire study group gets the same high-quality notes automatically. Everyone's on the same page, literally. This has made group studying actually productive.", tag: "Team Plan User", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/portrait-photo-of-a-smiling-college-stud-1773263935637-48ca5001.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/multiple-college-students-collaborating--1773263937112-ca673459.png?_wi=4"
id: "3", name: "Alex Rodriguez, Business Major at Stanford", date: "Date: 10 November 2024", title: "My study group loves it", quote: "The collaboration features mean our entire study group gets the same high-quality notes automatically. Everyone's on the same page, literally. This has made group studying actually productive.", tag: "Team Plan User", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/portrait-photo-of-a-smiling-college-stud-1773263935637-48ca5001.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/multiple-college-students-collaborating--1773263937112-ca673459.png"
},
{
id: "4", name: "Jordan Lee, Computer Science at CMU", date: "Date: 8 November 2024", title: "Best investment for my education", quote: "I was skeptical about AI note-taking, but College AI genuinely understands my lectures better than I do. The time savings alone make it worth every penny of the Pro subscription.", tag: "Pro User", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/portrait-photo-of-a-smiling-college-stud-1773263934776-2e58be35.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/screenshot-of-college-ai-s-ai-powered-no-1773263935457-e0212d87.png?_wi=2"
id: "4", name: "Jordan Lee, Computer Science at CMU", date: "Date: 8 November 2024", title: "Best investment for my education", quote: "I was skeptical about AI note-taking, but College AI genuinely understands my lectures better than I do. The time savings alone make it worth every penny of the Pro subscription.", tag: "Pro User", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/portrait-photo-of-a-smiling-college-stud-1773263934776-2e58be35.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/screenshot-of-college-ai-s-ai-powered-no-1773263935457-e0212d87.png"
},
{
id: "5", name: "Emma Wilson, Psychology Student at Yale", date: "Date: 5 November 2024", title: "Never taking notes manually again", quote: "College AI lets me actually pay attention in class instead of frantically writing. I'm retaining so much more information, and my exam scores reflect that improvement.", tag: "Premium User", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/portrait-photo-of-a-smiling-college-stud-1773263935556-3770106e.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/screenshot-of-college-ai-showing-the-int-1773263936510-4ab2e141.png?_wi=2"
id: "5", name: "Emma Wilson, Psychology Student at Yale", date: "Date: 5 November 2024", title: "Never taking notes manually again", quote: "College AI lets me actually pay attention in class instead of frantically writing. I'm retaining so much more information, and my exam scores reflect that improvement.", tag: "Premium User", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/portrait-photo-of-a-smiling-college-stud-1773263935556-3770106e.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/screenshot-of-college-ai-showing-the-int-1773263936510-4ab2e141.png"
},
{
id: "6", name: "David Park, Physics Major at Caltech", date: "Date: 1 November 2024", title: "The future of studying", quote: "College AI feels like having a personal tutor that understands every concept we cover. It's transformed how I prepare for exams and has genuinely made me a better student.", tag: "Premium User", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/portrait-photo-of-a-smiling-college-stud-1773263935088-7f4e8d8b.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/screenshot-of-college-ai-s-real-time-col-1773263936437-ead01cd7.png?_wi=2"
id: "6", name: "David Park, Physics Major at Caltech", date: "Date: 1 November 2024", title: "The future of studying", quote: "College AI feels like having a personal tutor that understands every concept we cover. It's transformed how I prepare for exams and has genuinely made me a better student.", tag: "Premium User", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/portrait-photo-of-a-smiling-college-stud-1773263935088-7f4e8d8b.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AofOKmFpov8vuqHGoaBgPMBhZe/screenshot-of-college-ai-s-real-time-col-1773263936437-ead01cd7.png"
}
]}
textboxLayout="default"

View File

@@ -1,51 +1,42 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from 'react';
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
fontSize?: number;
fontWeight?: string | number;
fill?: string;
className?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
fontSize = 24,
fontWeight = 'bold',
fill = 'currentColor',
className = '',
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox="0 0 200 100"
className={className}
xmlns="http://www.w3.org/2000/svg"
width="200"
height="100"
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
textAnchor="middle"
dominantBaseline="middle"
fontSize={fontSize}
fontWeight={fontWeight}
fill={fill}
fontFamily="system-ui, -apple-system, sans-serif"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;