bender/881e24ca-c8f3-463b-985a-271ad0f35be4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-12 19:11:16 +00:00
Conversation 0 Commits 2 Files Changed 2 +55 -53
2 changed files with 55 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/app/page.tsx
View File

@@ -46,7 +46,7 @@ export default function LandingPage() {
{ text: "Start Learning", href: "#courses" },
{ text: "Explore Features", href: "#features" },
]}
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-top-view-office-table-desk-workspace-background_1150-6821.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-top-view-office-table-desk-workspace-background_1150-6821.jpg"
imageAlt="Modern online learning platform"
showDimOverlay={true}
ariaLabel="Hero section for LearnFlow learning platform"
@@ -62,18 +62,23 @@ export default function LandingPage() {
features={[
{
id: "1", title: "Interactive Cards", descriptions: [
"Engage with lesson content through beautiful flip cards", "Each card contains focused, bite-sized learning modules", "Click to reveal deeper explanations and examples", "Perfect for active recall and spaced repetition learning"],
imageSrc: "http://img.b2bpic.net/free-vector/elegant-business-card-template-with-modern-style_23-2147911511.jpg?_wi=1", imageAlt: "Interactive card-based learning system"},
"Engage with lesson content through beautiful flip cards", "Each card contains focused, bite-sized learning modules", "Click to reveal deeper explanations and examples", "Perfect for active recall and spaced repetition learning"
],
imageSrc: "http://img.b2bpic.net/free-vector/elegant-business-card-template-with-modern-style_23-2147911511.jpg", imageAlt: "Interactive card-based learning system"
},
{
id: "2", title: "Progress Tracking", descriptions: [
"Visualize your learning journey with real-time metrics", "Track completion rates across all courses and modules", "Receive milestone celebrations for achievements", "Monitor time spent and mastery levels per topic"],
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-office_53876-94923.jpg?_wi=1", imageAlt: "Learning progress tracking dashboard"},
"Visualize your learning journey with real-time metrics", "Track completion rates across all courses and modules", "Receive milestone celebrations for achievements", "Monitor time spent and mastery levels per topic"
],
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-office_53876-94923.jpg", imageAlt: "Learning progress tracking dashboard"
},
{
id: "3", title: "Community Learning", descriptions: [
"Connect with peers studying the same topics", "Share insights and discuss complex concepts", "Participate in group challenges and study sessions", "Learn from diverse perspectives in your community"],
imageSrc: "http://img.b2bpic.net/free-photo/couple-serious-adult-students-working-project-library_74855-1587.jpg?_wi=1", imageAlt: "Online learning community collaboration"},
"Connect with peers studying the same topics", "Share insights and discuss complex concepts", "Participate in group challenges and study sessions", "Learn from diverse perspectives in your community"
],
imageSrc: "http://img.b2bpic.net/free-photo/couple-serious-adult-students-working-project-library_74855-1587.jpg", imageAlt: "Online learning community collaboration"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -103,13 +108,16 @@ export default function LandingPage() {
products={[
{
id: "1", brand: "LearnFlow", name: "Web Development Fundamentals", price: "Free", rating: 5,
reviewCount: "3.2k", imageSrc: "http://img.b2bpic.net/free-vector/elegant-business-card-template-with-modern-style_23-2147911511.jpg?_wi=2", imageAlt: "Web Development course"},
reviewCount: "3.2k", imageSrc: "http://img.b2bpic.net/free-vector/elegant-business-card-template-with-modern-style_23-2147911511.jpg", imageAlt: "Web Development course"
},
{
id: "2", brand: "LearnFlow", name: "Advanced JavaScript Mastery", price: "$49", rating: 5,
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-office_53876-94923.jpg?_wi=2", imageAlt: "JavaScript course"},
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-office_53876-94923.jpg", imageAlt: "JavaScript course"
},
{
id: "3", brand: "LearnFlow", name: "UI/UX Design Principles", price: "$39", rating: 5,
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/couple-serious-adult-students-working-project-library_74855-1587.jpg?_wi=2", imageAlt: "Design course"},
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/couple-serious-adult-students-working-project-library_74855-1587.jpg", imageAlt: "Design course"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -127,15 +135,18 @@ export default function LandingPage() {
tagIcon={Award}
testimonials={[
{
id: "1", name: "Sarah Mitchell", role: "Software Developer", testimonial: "LearnFlow transformed how I learn. The card-based approach keeps me engaged and I actually retain information better. No more endless scrolling!", imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg", imageAlt: "Sarah Mitchell, Software Developer"},
id: "1", name: "Sarah Mitchell", role: "Software Developer", testimonial: "LearnFlow transformed how I learn. The card-based approach keeps me engaged and I actually retain information better. No more endless scrolling!", imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg", imageAlt: "Sarah Mitchell, Software Developer"
},
{
id: "2", name: "James Chen", role: "Career Changer", testimonial: "I switched careers using LearnFlow's interactive courses. The community support and progress tracking kept me motivated throughout my journey.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-glasses_23-2148422106.jpg", imageAlt: "James Chen, Career Changer"},
id: "2", name: "James Chen", role: "Career Changer", testimonial: "I switched careers using LearnFlow's interactive courses. The community support and progress tracking kept me motivated throughout my journey.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-glasses_23-2148422106.jpg", imageAlt: "James Chen, Career Changer"
},
{
id: "3", name: "Emma Rodriguez", role: "UX Designer", testimonial: "The design principles course is fantastic. Finally, a platform that respects my attention and delivers knowledge in bite-sized, engaging pieces.", imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-her-workshop_23-2149094646.jpg", imageAlt: "Emma Rodriguez, UX Designer"},
id: "3", name: "Emma Rodriguez", role: "UX Designer", testimonial: "The design principles course is fantastic. Finally, a platform that respects my attention and delivers knowledge in bite-sized, engaging pieces.", imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-her-workshop_23-2149094646.jpg", imageAlt: "Emma Rodriguez, UX Designer"
},
{
id: "4", name: "Michael Park", role: "Student", testimonial: "I used to struggle with online learning, but LearnFlow's interactive cards make studying fun. My grades improved significantly since I started using it.", imageSrc: "http://img.b2bpic.net/free-photo/teacher-with-notebook-class_23-2148635319.jpg", imageAlt: "Michael Park, Student"},
id: "4", name: "Michael Park", role: "Student", testimonial: "I used to struggle with online learning, but LearnFlow's interactive cards make studying fun. My grades improved significantly since I started using it.", imageSrc: "http://img.b2bpic.net/free-photo/teacher-with-notebook-class_23-2148635319.jpg", imageAlt: "Michael Park, Student"
}
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -150,7 +161,7 @@ export default function LandingPage() {
tagIcon={Mail}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-top-view-office-table-desk-workspace-background_1150-6821.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-top-view-office-table-desk-workspace-background_1150-6821.jpg"
imageAlt="Learning platform interface"
mediaAnimation="slide-up"
mediaPosition="right"

63
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
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;
className?: string;
fontSize?: number;
fontFamily?: string;
fontWeight?: number | string;
fill?: 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,
className = '',
fontSize = 48,
fontFamily = 'Arial, sans-serif',
fontWeight = 'bold',
fill = 'currentColor',
}) => {
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 ${text.length * fontSize * 0.6} ${fontSize * 1.2}`}
className={className}
preserveAspectRatio="xMidYMid meet"
>
<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%"
fontSize={fontSize}
fontFamily={fontFamily}
fontWeight={fontWeight}
fill={fill}
textAnchor="middle"
dominantBaseline="middle"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;