bender/91e62df8-c4a0-42fa-8f88-3a6440da2bd2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-13 05:25:43 +00:00
parent 5b9959fbc5 de82b9740a
commit 039228ee08
2 changed files with 41 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/app/page.tsx
View File

@@ -14,7 +14,7 @@ export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="smallMedium"
sizing="mediumLargeSizeLargeTitles"
@@ -44,13 +44,13 @@ export default function LandingPage() {
description="Experience premium English education through advanced AI coaching, glassmorphic design, and voice-activated learning. Engineered for sophisticated learners who demand excellence."
tag="Next-Gen EdTech"
tagIcon={Sparkles}
background={{ variant: 'circleGradient' }}
background={{ variant: 'sparkles-gradient' }}
mediaItems={[
{ imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsRdiuN0cWhrc4IdHRMVZViIon/a-futuristic-dark-oled-mobile-app-dashbo-1773379452315-c08ae293.png', imageAlt: 'Antigravity AI Dashboard Interface' },
{ imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsRdiuN0cWhrc4IdHRMVZViIon/a-large-centered-glassmorphic-glass-card-1773379451197-c4a915e8.png?_wi=1', imageAlt: 'AI Coach Alex Voice Interface' },
{ imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsRdiuN0cWhrc4IdHRMVZViIon/a-large-centered-glassmorphic-glass-card-1773379451197-c4a915e8.png', imageAlt: 'AI Coach Alex Voice Interface' },
{ imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsRdiuN0cWhrc4IdHRMVZViIon/a-glowing-gradient-progress-bar-with-ele-1773379451550-cc1edc06.png', imageAlt: 'Progress Tracking Dashboard' },
{ imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsRdiuN0cWhrc4IdHRMVZViIon/vertical-tech-path-learning-visualizatio-1773379453314-8a3dd1de.png?_wi=1', imageAlt: 'Tech-Path Learning Visualization' },
{ imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsRdiuN0cWhrc4IdHRMVZViIon/animated-sound-wave-visualization-showin-1773379450677-32d8eed6.png?_wi=1', imageAlt: 'Voice Input Interaction' }
{ imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsRdiuN0cWhrc4IdHRMVZViIon/vertical-tech-path-learning-visualizatio-1773379453314-8a3dd1de.png', imageAlt: 'Tech-Path Learning Visualization' },
{ imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsRdiuN0cWhrc4IdHRMVZViIon/animated-sound-wave-visualization-showin-1773379450677-32d8eed6.png', imageAlt: 'Voice Input Interaction' }
]}
buttons={[
{ text: 'Start Your Journey', href: '#learning' },
@@ -65,7 +65,7 @@ export default function LandingPage() {
description="Antigravity AI merges Duolingo's proven learning architecture with Pingo AI's minimalist voice interface. Every interaction is designed for maximum efficiency, every element purposefully crafted for premium performance."
tag="Platform Philosophy"
tagIcon={Zap}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsRdiuN0cWhrc4IdHRMVZViIon/abstract-geometric-representation-of-an--1773379451994-c7803976.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsRdiuN0cWhrc4IdHRMVZViIon/abstract-geometric-representation-of-an--1773379451994-c7803976.png"
imageAlt="AI Coach Alex Holographic Interface"
useInvertedBackground={false}
buttons={[
@@ -87,19 +87,19 @@ export default function LandingPage() {
{
title: 'Structured Tech-Path',
description: 'Navigate through English File Beginner units as glowing 3D nodes. Track progress with visual indicators and unlock achievements as you advance.',
imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsRdiuN0cWhrc4IdHRMVZViIon/vertical-tech-path-learning-visualizatio-1773379453314-8a3dd1de.png?_wi=2',
imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsRdiuN0cWhrc4IdHRMVZViIon/vertical-tech-path-learning-visualizatio-1773379453314-8a3dd1de.png',
imageAlt: 'Tech-Path Learning Visualization'
},
{
title: 'AI Coach Alex',
description: 'Your personal holographic voice coach responds in real-time to your voice input. Experience advanced NLP coaching in a futuristic, minimalist interface.',
imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsRdiuN0cWhrc4IdHRMVZViIon/abstract-geometric-representation-of-an--1773379451994-c7803976.png?_wi=2',
imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsRdiuN0cWhrc4IdHRMVZViIon/abstract-geometric-representation-of-an--1773379451994-c7803976.png',
imageAlt: 'AI Coach Alex Interface'
},
{
title: 'Voice-First Interaction',
description: 'Speak naturally to practice pronunciation and conversation. The AI listens, analyzes, and provides instant feedback through elegant voice UI.',
imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsRdiuN0cWhrc4IdHRMVZViIon/animated-sound-wave-visualization-showin-1773379450677-32d8eed6.png?_wi=2',
imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsRdiuN0cWhrc4IdHRMVZViIon/animated-sound-wave-visualization-showin-1773379450677-32d8eed6.png',
imageAlt: 'Voice Input System'
}
]}
@@ -114,7 +114,7 @@ export default function LandingPage() {
{ id: '1', value: '500K+', description: 'Active learners worldwide mastering English with Antigravity AI' },
{ id: '2', value: '98%', description: 'User satisfaction rating for AI Coach accuracy and responsiveness' }
]}
metricsAnimation="background-highlight"
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
@@ -132,7 +132,7 @@ export default function LandingPage() {
{
title: 'Pulsating Holographic Sphere',
description: 'Watch the glowing 3D sphere respond to your voice with real-time visual feedback. Cyan pulses for recognition, purple accents for emphasis.',
imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsRdiuN0cWhrc4IdHRMVZViIon/a-large-centered-glassmorphic-glass-card-1773379451197-c4a915e8.png?_wi=2',
imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsRdiuN0cWhrc4IdHRMVZViIon/a-large-centered-glassmorphic-glass-card-1773379451197-c4a915e8.png',
imageAlt: 'Holographic Coach Sphere'
},
{
@@ -182,8 +182,7 @@ export default function LandingPage() {
id: '4',
name: 'Elena Rossi',
handle: '@elenrossi_design',
testimonial: 'The glassmorphic UI is breathtaking. Not just beautiful—it\'s functional and intuitive. Learning English has never felt this elegant and professional.',
rating: 5,
testimonial: "The glassmorphic UI is breathtaking. Not just beautiful—it's functional and intuitive. Learning English has never felt this elegant and professional.", rating: 5,
imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsRdiuN0cWhrc4IdHRMVZViIon/professional-headshot-of-a-diverse-profe-1773379453011-8dfae02d.png',
imageAlt: 'Elena Rossi'
}

66
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,43 @@
"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;
fontWeight?: string | number;
fill?: string;
dominantBaseline?: 'auto' | 'text-bottom' | 'alphabetic' | 'ideographic' | 'middle' | 'central' | 'mathematical' | 'hanging';
}
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 = 24,
fontWeight = 600,
fill = 'currentColor',
dominantBaseline = 'middle',
}) => {
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.5}`}
className={className}
xmlns="http://www.w3.org/2000/svg"
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%"
textAnchor="middle"
dominantBaseline={dominantBaseline}
fontSize={fontSize}
fontWeight={fontWeight}
fill={fill}
fontFamily="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;