From efc6406426e9e3086c2ab03a37098f0092ac2d20 Mon Sep 17 00:00:00 2001
From: mulika-local <vitaliimulika@gmail.com>
Date: Thu, 25 Dec 2025 12:29:17 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 247 +++++++++++++----------------------------------
 1 file changed, 68 insertions(+), 179 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 305a4a9..2277a55 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,188 +1,77 @@
-"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";
+'use client';
 
-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 (
     <ThemeProvider
-      defaultButtonVariant="icon-arrow"
-      defaultTextAnimation="background-highlight"
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
-      contentWidth="medium"
-      sizing="largeSizeMediumTitles"
-      background="fluid"
-      cardStyle="solid-accent"
-      primaryButtonStyle="diagonal-gradient"
-      secondaryButtonStyle="solid"
-      headingFontWeight="medium"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
     >
-      <div id="nav" data-section="nav">
-        <NavbarStyleApple
-          navItems={[
-            { name: "Home", id: "hero" },
-            { name: "About", id: "about" },
-            { name: "Courses", id: "features" },
-            { name: "Contact", id: "contact" }
-          ]}
-          brandName="English Dom"
-        />
-      </div>
+      <NavbarStyleMinimal
+        brandName="Webild"
+        button={{ text: 'Get Started', href: 'https://webild.io' }}
+      />
 
-      <div id="hero" data-section="hero">
-        <HeroBillboardCarousel
-          title="English Dom"
-          description="Master English fluency with expert instructors. Interactive lessons designed for all levels."
-          mediaItems={[
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484689467-d854773z.jpg",
-              imageAlt: "English Dom learning experience"
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484692441-ky6zbpw9.jpg",
-              imageAlt: "English Dom learning center"
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484693438-07rkdlqa.jpg",
-              imageAlt: "Beginner English course"
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484694244-h6z6ypcz.jpg",
-              imageAlt: "Intermediate English course"
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484695254-p59fsyqd.jpg",
-              imageAlt: "Advanced English course"
-            }
-          ]}
-          buttons={[
-            { text: "Start Trial", href: "contact" },
-            { text: "All Courses", href: "features" }
-          ]}
-        />
-      </div>
-
-      <div id="about" data-section="about">
-        <SplitAbout
-          title="Transforming English Education Since 2015"
-          description="We believe learning English should be engaging, accessible, and effective for everyone."
-          textboxLayout="default"
-          useInvertedBackground="noInvert"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484692441-ky6zbpw9.jpg"
-          imageAlt="English Dom learning center"
-          imagePosition="right"
-          bulletPoints={[
-            {
-              title: "Expert Instruction",
-              description: "Certified instructors with proven teaching excellence"
-            },
-            {
-              title: "Modern Methodology",
-              description: "Cutting-edge technology meets traditional teaching"
-            },
-            {
-              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 id="hero">
+        {/* Static image carousel replacement */}
+        <div className="w-full bg-gradient-to-b from-background via-background to-card py-16 px-4 md:px-8">
+          <div className="max-w-7xl mx-auto">
+            {/* Grid of static images */}
+            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+              <div className="aspect-video bg-accent rounded-lg overflow-hidden">
+                <img
+                  src="/placeholders/placeholder-16-9.svg"
+                  alt="Portfolio item 1"
+                  className="w-full h-full object-cover"
+                />
+              </div>
+              <div className="aspect-video bg-accent rounded-lg overflow-hidden">
+                <img
+                  src="/placeholders/placeholder-16-9.svg"
+                  alt="Portfolio item 2"
+                  className="w-full h-full object-cover"
+                />
+              </div>
+              <div className="aspect-video bg-accent rounded-lg overflow-hidden">
+                <img
+                  src="/placeholders/placeholder-16-9.svg"
+                  alt="Portfolio item 3"
+                  className="w-full h-full object-cover"
+                />
+              </div>
+              <div className="aspect-video bg-accent rounded-lg overflow-hidden">
+                <img
+                  src="/placeholders/placeholder-16-9.svg"
+                  alt="Portfolio item 4"
+                  className="w-full h-full object-cover"
+                />
+              </div>
+              <div className="aspect-video bg-accent rounded-lg overflow-hidden">
+                <img
+                  src="/placeholders/placeholder-16-9.svg"
+                  alt="Portfolio item 5"
+                  className="w-full h-full object-cover"
+                />
+              </div>
+              <div className="aspect-video bg-accent rounded-lg overflow-hidden">
+                <img
+                  src="/placeholders/placeholder-16-9.svg"
+                  alt="Portfolio item 6"
+                  className="w-full h-full object-cover"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file