diff --git a/src/app/page.tsx b/src/app/page.tsx
index 29d3962..ab8e355 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,17 +2,17 @@
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
-import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
-import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
-import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
-import FaqBase from "@/components/sections/faq/FaqBase";
-import BlogCardThree from "@/components/sections/blog/BlogCardThree";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
-import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
-import { Zap, Code2, TrendingUp, DollarSign, MessageSquare, HelpCircle, BookOpen, Mail } from "lucide-react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Zap, Code2, TrendingUp, DollarSign, MessageSquare, HelpCircle, BookOpen, Mail, Sparkles, Crown } from "lucide-react";
export default function HomePage() {
const navItems = [
@@ -25,8 +25,7 @@ export default function HomePage() {
const footerColumns = [
{
- title: "Product",
- items: [
+ title: "Product", items: [
{ label: "Learning Paths", href: "/learning-paths" },
{ label: "Challenges", href: "/challenges" },
{ label: "Courses", href: "/courses" },
@@ -35,8 +34,7 @@ export default function HomePage() {
],
},
{
- title: "Learn",
- items: [
+ title: "Learn", items: [
{ label: "Dashboard", href: "/dashboard" },
{ label: "Community", href: "/community" },
{ label: "Leaderboard", href: "/leaderboard" },
@@ -45,8 +43,7 @@ export default function HomePage() {
],
},
{
- title: "Company",
- items: [
+ title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Contact", href: "/contact" },
{ label: "Careers", href: "#" },
@@ -55,8 +52,7 @@ export default function HomePage() {
],
},
{
- title: "Legal",
- items: [
+ title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -64,8 +60,7 @@ export default function HomePage() {
],
},
{
- title: "Social",
- items: [
+ title: "Social", items: [
{ label: "Twitter", href: "https://twitter.com" },
{ label: "GitHub", href: "https://github.com" },
{ label: "LinkedIn", href: "https://linkedin.com" },
@@ -98,46 +93,30 @@ export default function HomePage() {
tag="Interactive Learning Platform"
tagIcon={Zap}
tagAnimation="slide-up"
- background={{ variant: "circleGradient" }}
+ background={{ variant: "glowing-orb" }}
leftCarouselItems={[
{
- imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/a-professional-coding-interface-with-a-d-1773393958879-392e4617.png?_wi=1",
- imageAlt: "Professional code editor interface",
- },
+ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/a-professional-coding-interface-with-a-d-1773393958879-392e4617.png", imageAlt: "Professional code editor interface"},
{
- imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/advanced-code-editor-interface-with-synt-1773393958618-fba99c87.png?_wi=1",
- imageAlt: "Advanced syntax highlighting",
- },
+ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/advanced-code-editor-interface-with-synt-1773393958618-fba99c87.png", imageAlt: "Advanced syntax highlighting"},
{
- imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/visual-learning-path-roadmap-showing-pro-1773393959520-7ae27592.png?_wi=1",
- imageAlt: "Learning path visualization",
- },
+ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/visual-learning-path-roadmap-showing-pro-1773393959520-7ae27592.png", imageAlt: "Learning path visualization"},
{
- imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/comprehensive-dashboard-interface-showin-1773393959773-9cb948af.png?_wi=1",
- imageAlt: "Dashboard overview",
- },
+ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/comprehensive-dashboard-interface-showin-1773393959773-9cb948af.png", imageAlt: "Dashboard overview"},
]}
rightCarouselItems={[
{
- imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/split-screen-showing-interactive-coding--1773393959332-8417ef0f.png?_wi=1",
- imageAlt: "Interactive learning environment",
- },
+ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/split-screen-showing-interactive-coding--1773393959332-8417ef0f.png", imageAlt: "Interactive learning environment"},
{
- imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/gamification-interface-showing-xp-points-1773393962631-f69a902f.png?_wi=1",
- imageAlt: "Gamification achievements",
- },
+ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/gamification-interface-showing-xp-points-1773393962631-f69a902f.png", imageAlt: "Gamification achievements"},
{
- imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/community-discussion-forum-showing-threa-1773393959228-c5cd868a.png?_wi=1",
- imageAlt: "Community collaboration",
- },
+ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/community-discussion-forum-showing-threa-1773393959228-c5cd868a.png", imageAlt: "Community collaboration"},
{
- imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/pricing-tier-comparison-showing-three-ti-1773393958728-0bde1fd7.png?_wi=1",
- imageAlt: "Pricing comparison",
- },
+ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asv1E8ISitX5wbsKHtNkaN7Kj9/pricing-tier-comparison-showing-three-ti-1773393958728-0bde1fd7.png", imageAlt: "Pricing comparison"},
]}
carouselPosition="right"
buttons={[
- { text: "Start Learning Free", href: "/courses" },
+ { text: "Start Learning Free", href: "/learning-paths" },
{ text: "Try Interactive Editor", href: "/challenges" },
]}
buttonAnimation="slide-up"
@@ -149,46 +128,22 @@ export default function HomePage() {
@@ -231,65 +186,31 @@ export default function HomePage() {
(function SvgTextLogo({
- logoText,
- adjustHeightFactor,
- verticalAlign = "top",
- className = "",
-}) {
- const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
-
+const SvgTextLogo: React.FC = ({
+ text,
+ className = '',
+ textClassName = '',
+ animationDuration = 2,
+ animationDelay = 0,
+}) => {
return (
);
-});
+};
-SvgTextLogo.displayName = "SvgTextLogo";
-
-export default SvgTextLogo;
+export default SvgTextLogo;
\ No newline at end of file