bender/5e3b1ab3-f321-4315-82f7-75044019c071
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 22:08:31 +00:00
parent 30ace6383f
commit 300d96f95f
1 changed files with 28 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/app/page.tsx
View File

@@ -3,16 +3,16 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterCard from '@/components/sections/footer/FooterCard';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import { Award, BarChart, Crown, Facebook, Film, Flame, Gauge, HelpCircle, Instagram, Link, Newspaper, Rocket, Shield, Sparkles, Star, Trophy, Twitter, Zap } from "lucide-react";
import { Award, BarChart, Crown, Film, Flame, Gauge, HelpCircle, Link, Newspaper, Rocket, Shield, Sparkles, Star, Trophy, Zap } from "lucide-react";
export default function LandingPage() {
return (
@@ -107,19 +107,19 @@ export default function LandingPage() {
avatarText="Over 1 Million Passionate Fans"
marqueeItems={[
{
type: "text-icon", text: "League Champions", icon: Trophy,
type: "text-icon", text: "League Champions", icon: Trophy
},
{
type: "text-icon", text: "Continental Victories", icon: Crown,
type: "text-icon", text: "Continental Victories", icon: Crown
},
{
type: "text-icon", text: "Unbreakable Spirit", icon: Sparkles,
type: "text-icon", text: "Unbreakable Spirit", icon: Sparkles
},
{
type: "text-icon", text: "Future of Tunisian Sport", icon: Rocket,
type: "text-icon", text: "Future of Tunisian Sport", icon: Rocket
},
{
type: "text-icon", text: "EST Always First", icon: Flame,
type: "text-icon", text: "EST Always First", icon: Flame
},
]}
marqueeSpeed={40}
@@ -274,43 +274,39 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactText
<ContactSplitForm
useInvertedBackground={false}
background={{
variant: "radial-gradient"}}
text="Join the Empire. Connect with Espérance Sportive de Tunis."
buttons={[
title="Get in Touch with EST"
description="Reach out to us for fan inquiries, partnership opportunities, or general feedback. We're here to connect!"
inputs={[
{
text: "Email Us", href: "mailto:info@est.com"},
name: "name", type: "text", placeholder: "Your Name", required: true},
{
text: "Visit Our Store", href: "#"},
name: "email", type: "email", placeholder: "Your Email", required: true}
]}
textarea={{
name: "message", placeholder: "Your Message", rows: 4,
required: true}}
buttonText="Send Message"
onSubmit={(data) => console.log(data)}
imageSrc="http://img.b2bpic.net/free-photo/football-player-jumping-with-ball_23-2149509428.jpg"
imageAlt="Football player making a jump kick"
mediaPosition="right"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
<FooterLogoReveal
logoSrc="http://img.b2bpic.net/free-vector/autumn-labels-collection_23-2147882334.jpg"
logoAlt="EST Logo"
logoText="EST: The Empire of Africa"
copyrightText="© 2024 Espérance Sportive de Tunis. All rights reserved."
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/EST", ariaLabel: "Facebook"},
{
icon: Twitter,
href: "https://twitter.com/EST", ariaLabel: "Twitter"},
{
icon: Instagram,
href: "https://instagram.com/EST", ariaLabel: "Instagram"},
{
icon: Film,
href: "https://youtube.com/EST", ariaLabel: "YouTube"},
]}
leftLink={{
text: "Home", href: "#home"}}
rightLink={{
text: "News", href: "#news"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}