Update src/app/page.tsx
This commit is contained in:
245
src/app/page.tsx
245
src/app/page.tsx
@@ -1,187 +1,76 @@
|
|||||||
"use client";
|
'use client';
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
||||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
||||||
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
||||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
||||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
|
||||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
||||||
import FooterBaseSocial from "@/components/sections/footer/FooterBaseSocial";
|
|
||||||
import { Youtube, Twitter, Linkedin } from "lucide-react";
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
import { ThemeProvider } from '@/providers/ThemeProvider';
|
||||||
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
||||||
|
import { Sparkles } from 'lucide-react';
|
||||||
|
|
||||||
|
export default function Home() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="icon-arrow"
|
defaultButtonVariant="text-stagger"
|
||||||
defaultTextAnimation="background-highlight"
|
defaultTextAnimation="entrance-slide"
|
||||||
borderRadius="rounded"
|
borderRadius="rounded"
|
||||||
contentWidth="medium"
|
background="aurora"
|
||||||
sizing="largeSizeMediumTitles"
|
cardStyle="glass-elevated"
|
||||||
background="fluid"
|
primaryButtonStyle="gradient"
|
||||||
cardStyle="solid-accent"
|
secondaryButtonStyle="glass"
|
||||||
primaryButtonStyle="diagonal-gradient"
|
|
||||||
secondaryButtonStyle="solid"
|
|
||||||
headingFontWeight="medium"
|
|
||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<NavbarStyleMinimal
|
||||||
<NavbarStyleApple
|
brandName="Webild"
|
||||||
navItems={[
|
button={{ text: 'Get Started', href: 'https://webild.io' }}
|
||||||
{ name: "Home", id: "hero" },
|
/>
|
||||||
{ name: "About", id: "about" },
|
|
||||||
{ name: "Courses", id: "features" },
|
|
||||||
{ name: "Contact", id: "contact" }
|
|
||||||
]}
|
|
||||||
brandName="English Dom"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero">
|
||||||
<HeroBillboardCarousel
|
{/* Static image carousel replacement */}
|
||||||
title="English Dom"
|
<div className="w-full bg-gradient-to-b from-background via-background to-card py-16 px-4 md:px-8">
|
||||||
description="Master English fluency with expert instructors. Interactive lessons designed for all levels."
|
<div className="max-w-7xl mx-auto">
|
||||||
mediaItems={[
|
{/* Grid of static images */}
|
||||||
{
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484689467-d854773z.jpg",
|
<div className="aspect-video bg-accent rounded-lg overflow-hidden">
|
||||||
imageAlt: "English Dom learning experience"
|
<img
|
||||||
},
|
src="/placeholders/placeholder-16-9.svg"
|
||||||
{
|
alt="Portfolio item 1"
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484692441-ky6zbpw9.jpg",
|
className="w-full h-full object-cover"
|
||||||
imageAlt: "English Dom learning center"
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
<div className="aspect-video bg-accent rounded-lg overflow-hidden">
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484693438-07rkdlqa.jpg",
|
<img
|
||||||
imageAlt: "Beginner English course"
|
src="/placeholders/placeholder-16-9.svg"
|
||||||
},
|
alt="Portfolio item 2"
|
||||||
{
|
className="w-full h-full object-cover"
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484694244-h6z6ypcz.jpg",
|
/>
|
||||||
imageAlt: "Intermediate English course"
|
</div>
|
||||||
},
|
<div className="aspect-video bg-accent rounded-lg overflow-hidden">
|
||||||
{
|
<img
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484695254-p59fsyqd.jpg",
|
src="/placeholders/placeholder-16-9.svg"
|
||||||
imageAlt: "Advanced English course"
|
alt="Portfolio item 3"
|
||||||
}
|
className="w-full h-full object-cover"
|
||||||
]}
|
/>
|
||||||
buttons={[
|
</div>
|
||||||
{ text: "Start Trial", href: "contact" },
|
<div className="aspect-video bg-accent rounded-lg overflow-hidden">
|
||||||
{ text: "All Courses", href: "features" }
|
<img
|
||||||
]}
|
src="/placeholders/placeholder-16-9.svg"
|
||||||
/>
|
alt="Portfolio item 4"
|
||||||
</div>
|
className="w-full h-full object-cover"
|
||||||
|
/>
|
||||||
<div id="about" data-section="about">
|
</div>
|
||||||
<SplitAbout
|
<div className="aspect-video bg-accent rounded-lg overflow-hidden">
|
||||||
title="Transforming English Education Since 2015"
|
<img
|
||||||
description="We believe learning English should be engaging, accessible, and effective for everyone."
|
src="/placeholders/placeholder-16-9.svg"
|
||||||
textboxLayout="default"
|
alt="Portfolio item 5"
|
||||||
useInvertedBackground="noInvert"
|
className="w-full h-full object-cover"
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484692441-ky6zbpw9.jpg"
|
/>
|
||||||
imageAlt="English Dom learning center"
|
</div>
|
||||||
imagePosition="right"
|
<div className="aspect-video bg-accent rounded-lg overflow-hidden">
|
||||||
bulletPoints={[
|
<img
|
||||||
{
|
src="/placeholders/placeholder-16-9.svg"
|
||||||
title: "Expert Instruction",
|
alt="Portfolio item 6"
|
||||||
description: "Certified instructors with proven teaching excellence"
|
className="w-full h-full object-cover"
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
title: "Modern Methodology",
|
</div>
|
||||||
description: "Cutting-edge technology meets traditional teaching"
|
</div>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
title: "Personalized Learning",
|
|
||||||
description: "Customized experiences for speaking, listening, reading, and writing"
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
buttons={[
|
|
||||||
{ text: "Learn More", href: "contact" }
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
|
||||||
<FeatureCardOne
|
|
||||||
title="Comprehensive Course Levels"
|
|
||||||
description="From complete beginner to advanced proficiency, our structured programs ensure steady progress."
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground="noInvert"
|
|
||||||
gridVariant="four-items-2x2-equal-grid"
|
|
||||||
animationType="slide-up"
|
|
||||||
carouselMode="buttons"
|
|
||||||
features={[
|
|
||||||
{
|
|
||||||
title: "Beginner English",
|
|
||||||
description: "Master pronunciation, basic vocabulary, and essential grammar. Perfect for absolute beginners starting their English journey.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484693438-07rkdlqa.jpg",
|
|
||||||
imageAlt: "Beginner English course"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Intermediate English",
|
|
||||||
description: "Build conversational fluency with real-world scenarios. Expand vocabulary and master complex grammar structures.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484694244-h6z6ypcz.jpg",
|
|
||||||
imageAlt: "Intermediate English course"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Advanced English",
|
|
||||||
description: "Achieve native-like fluency and professionalism. Specialized content for business, academic, and cultural contexts.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484695254-p59fsyqd.jpg",
|
|
||||||
imageAlt: "Advanced English course"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Certification Programs",
|
|
||||||
description: "Prepare for international exams including TOEFL, IELTS, and Cambridge certificates with expert guidance.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484696101-v2pl2f1j.jpg",
|
|
||||||
imageAlt: "Certification programs"
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
|
||||||
<ContactCenter
|
|
||||||
tag="Newsletter"
|
|
||||||
title="Start Your English Journey Today"
|
|
||||||
description="Join thousands of students who are achieving fluency with English Dom. Get expert guidance, personalized lessons, and proven results."
|
|
||||||
useInvertedBackground="invertDefault"
|
|
||||||
onSubmit={(email) => console.log("Email submitted:", email)}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
|
||||||
<FooterBaseSocial
|
|
||||||
logoText="English Dom"
|
|
||||||
description="Master English fluency with expert instructors and proven methodology."
|
|
||||||
columns={[
|
|
||||||
{
|
|
||||||
title: "Navigation",
|
|
||||||
items: [
|
|
||||||
{ label: "Home", href: "hero" },
|
|
||||||
{ label: "About Us", href: "about" },
|
|
||||||
{ label: "Courses", href: "features" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Resources",
|
|
||||||
items: [
|
|
||||||
{ label: "Blog", href: "#" },
|
|
||||||
{ label: "FAQs", href: "#" },
|
|
||||||
{ label: "Contact", href: "contact" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal",
|
|
||||||
items: [
|
|
||||||
{ label: "Privacy Policy", href: "#" },
|
|
||||||
{ label: "Terms of Service", href: "#" },
|
|
||||||
{ label: "Sitemap", href: "#" }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
socialLinks={[
|
|
||||||
{ icon: Youtube, href: "https://youtube.com", ariaLabel: "YouTube" },
|
|
||||||
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
|
|
||||||
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
|
|
||||||
]}
|
|
||||||
copyrightText="© 2025 | English Dom"
|
|
||||||
onPrivacyClick={() => console.log("Privacy clicked")}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user