From 0d6fc2b4ab54a49e68863a471212beedaeec7d95 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 19:11:12 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 45 ++++++++++++++++++++++++++++----------------- 1 file changed, 28 insertions(+), 17 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index e80bb1e..33a557e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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" -- 2.49.1 From cc3e294b91781af142a966a2f3126929313d2d5d Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 19:11:12 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 63 ++++++++----------- 1 file changed, 27 insertions(+), 36 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..330e5eb 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -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(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ + text, + className = '', + fontSize = 48, + fontFamily = 'Arial, sans-serif', + fontWeight = 'bold', + fill = 'currentColor', +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo; -- 2.49.1