Merge version_12 into main

Update src/app/page.tsx
2025-12-25 12:30:26 +00:00 · 2025-12-25 12:30:21 +00:00 · 2025-12-25 12:29:22 +00:00 · 2025-12-25 12:29:17 +00:00 · 2025-12-25 12:29:16 +00:00 · 2025-12-25 12:18:54 +00:00
3 changed files with 84 additions and 211 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -4,13 +4,13 @@
  /* Base units */
  /* --vw is set by ThemeProvider */
-  --background: #ffffff;
+  --background: #000000;
-  --card: #fcfcfc;
+  --card: #1b1b1b;
-  --foreground: #120006e6;
+  --foreground: #ffffff;
-  --primary-cta: #e63946;
+  --primary-cta: #ff0000;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #151515;
-  --accent: #ffcf40;
+  --accent: #303030;
-  --background-accent: #ffd966;
+  --background-accent: #303030;
  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,61 +1,25 @@
-import type { Metadata } from "next";
+import type { Metadata } from 'next';
-import { Manrope } from "next/font/google";
+import { Inter } from 'next/font/google';
-import "./globals.css";
+import './globals.css';
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
-const manrope = Manrope({
+const inter = Inter({
-  variable: "--font-manrope",
+  variable: '--font-inter',
-  subsets: ["latin"],
+  subsets: ['latin'],
 });
 export const metadata: Metadata = {
-  title: "English Dom - Learn English Online with Expert Instructors",
+  title: 'Webild',
-  description: "Master English with personalized lessons from certified instructors. Beginner to advanced courses available. Start your free trial today.",
+  description: 'Build Modern Web Experiences',
  keywords: "english lessons, learn english online, english courses, language learning, english fluency",
  metadataBase: new URL("https://englishdom.com"),
  alternates: {
    canonical: "https://englishdom.com"
  },
  openGraph: {
    title: "English Dom - Learn English Online",
    description: "Transform your English skills with expert instruction and proven methodology.",
    url: "https://englishdom.com",
    siteName: "English Dom",
    type: "website",
    images: [
      {
        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484689467-d854773z.jpg",
        alt: "English learning classroom"
      }
    ]
  },
  twitter: {
    card: "summary_large_image",
    title: "English Dom - Learn English Online",
    description: "Master English with personalized lessons from certified instructors.",
    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484689467-d854773z.jpg"]
  },
  robots: {
    index: true,
    follow: true
  }
 };
 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="en" className={inter.variable}>
-      <ServiceWrapper>
+      <body>{children}
        <body
          className={manrope.variable}
        >
          <Tag />
          {children}
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1274,7 +1238,6 @@ export default function RootLayout({
          }}
        />
      </body>
      </ServiceWrapper>
    </html>
  );
 }
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,168 +1,78 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import HeroBillboard from "@/components/sections/hero/HeroBillboard";
 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/ThemeProvider";
 import NavbarStyleMinimal from "@/components/navbar/NavbarStyleMinimal";
 export default function Home() {
  return (
    <ThemeProvider
-      defaultButtonVariant="icon-arrow"
+      defaultButtonVariant="text-stagger"
-      defaultTextAnimation="background-highlight"
+      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
-      sizing="largeSizeMediumTitles"
+      sizing="medium"
-      background="fluid"
+      background="aurora"
-      cardStyle="solid-accent"
+      cardStyle="glass-elevated"
-      primaryButtonStyle="diagonal-gradient"
+      primaryButtonStyle="gradient"
-      secondaryButtonStyle="solid"
+      secondaryButtonStyle="glass"
-      headingFontWeight="medium"
+      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
-        <NavbarStyleApple
+        <NavbarStyleMinimal
-          navItems={[
+          brandName="Webild"
-            { name: "Home", id: "hero" },
+          button={{ text: "Get Started", href: "https://webild.io" }}
            { name: "About", id: "about" },
            { name: "Courses", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="English Dom"
        />
      </div>
      <div id="hero" data-section="hero">
-        <HeroBillboard
+        <div className="w-full bg-gradient-to-b from-background via-background to-card py-16 px-4 md:px-8">
-          title="English Dom"
+          <div className="max-w-7xl mx-auto">
-          description="Master English fluency with expert instructors. Interactive lessons designed for all levels."
+            <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
-          frameStyle="card"
+                  src="/placeholders/placeholder-16-9.svg"
-          buttons={[
+                  alt="Portfolio item 1"
-            { text: "Start Trial", href: "contact" },
+                  className="w-full h-full object-cover"
-            { text: "All Courses", href: "features" }
+                />
-          ]}
+              </div>
-        />
+              <div className="aspect-video bg-accent rounded-lg overflow-hidden">
-      </div>
+                <img
-
+                  src="/placeholders/placeholder-16-9.svg"
-      <div id="about" data-section="about">
+                  alt="Portfolio item 2"
-        <SplitAbout
+                  className="w-full h-full object-cover"
-          title="Transforming English Education Since 2015"
+                />
-          description="We believe learning English should be engaging, accessible, and effective for everyone."
+              </div>
-          textboxLayout="default"
+              <div className="aspect-video bg-accent rounded-lg overflow-hidden">
-          useInvertedBackground="noInvert"
+                <img
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484692441-ky6zbpw9.jpg"
+                  src="/placeholders/placeholder-16-9.svg"
-          imageAlt="English Dom learning center"
+                  alt="Portfolio item 3"
-          imagePosition="right"
+                  className="w-full h-full object-cover"
-          bulletPoints={[
+                />
-            {
+              </div>
-              title: "Expert Instruction",
+              <div className="aspect-video bg-accent rounded-lg overflow-hidden">
-              description: "Certified instructors with proven teaching excellence"
+                <img
-            },
+                  src="/placeholders/placeholder-16-9.svg"
-            {
+                  alt="Portfolio item 4"
-              title: "Modern Methodology",
+                  className="w-full h-full object-cover"
-              description: "Cutting-edge technology meets traditional teaching"
+                />
-            },
+              </div>
-            {
+              <div className="aspect-video bg-accent rounded-lg overflow-hidden">
-              title: "Personalized Learning",
+                <img
-              description: "Customized experiences for speaking, listening, reading, and writing"
+                  src="/placeholders/placeholder-16-9.svg"
-            }
+                  alt="Portfolio item 5"
-          ]}
+                  className="w-full h-full object-cover"
-          buttons={[
+                />
-            { text: "Learn More", href: "contact" }
+              </div>
-          ]}
+              <div className="aspect-video bg-accent rounded-lg overflow-hidden">
-        />
+                <img
-      </div>
+                  src="/placeholders/placeholder-16-9.svg"
-
+                  alt="Portfolio item 6"
-      <div id="features" data-section="features">
+                  className="w-full h-full object-cover"
-        <FeatureCardOne
+                />
-          title="Comprehensive Course Levels"
+              </div>
-          description="From complete beginner to advanced proficiency, our structured programs ensure steady progress."
+            </div>
-          textboxLayout="default"
+          </div>
-          useInvertedBackground="noInvert"
+        </div>
          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>
    </ThemeProvider>
  );
Author	SHA1	Message	Date
mulika-local	bb5999d56a	Merge version_12 into main Merge version_12 into main	2025-12-25 12:30:26 +00:00
mulika-local	f50dce1440	Update src/app/page.tsx	2025-12-25 12:30:21 +00:00
mulika-local	668bea63d3	Merge version_12 into main Merge version_12 into main	2025-12-25 12:29:22 +00:00
mulika-local	efc6406426	Update src/app/page.tsx	2025-12-25 12:29:17 +00:00
mulika-local	658399a409	Update src/app/layout.tsx	2025-12-25 12:29:16 +00:00
mulika-local	d7793c0fc7	Merge version_11 into main Merge version_11 into main	2025-12-25 12:18:54 +00:00
mulika-local	b01f7667ba	Update src/app/globals.css	2025-12-25 12:18:50 +00:00
mulika-local	9038924941	Merge version_10 into main Merge version_10 into main	2025-12-25 12:04:23 +00:00
mulika-local	d4c67904fa	Update src/app/globals.css	2025-12-25 12:04:18 +00:00
mulika-local	c9fc323f73	Merge version_9 into main Merge version_9 into main	2025-12-25 11:54:49 +00:00
mulika-local	5a7b7ad0bf	Update src/app/page.tsx	2025-12-25 11:54:44 +00:00
mulika-local	96e65f76f5	Merge version_8 into main Merge version_8 into main	2025-12-25 10:17:46 +00:00
mulika-local	24941c97a4	Merge version_7 into main Merge version_7 into main	2025-12-25 08:04:07 +00:00
mulika-local	faa6ce8756	Merge version_7 into main Merge version_7 into main	2025-12-25 08:02:25 +00:00
mulika-local	9dc9aa8154	Merge version_7 into main Merge version_7 into main	2025-12-25 08:00:10 +00:00
mulika-local	85bd29379a	Merge version_6 into main Merge version_6 into main	2025-12-25 07:57:36 +00:00
mulika-local	96da8c6e5c	Merge version_5 into main Merge version_5 into main	2025-12-24 15:54:33 +00:00
mulika-local	a43b3407b2	Merge version_4 into main Merge version_4 into main	2025-12-24 09:40:05 +00:00
mulika-local	fb9781321b	Merge version_3 into main Merge version_3 into main	2025-12-23 10:23:50 +00:00
mulika-local	d348d088f2	Merge version_2 into main Merge version_2 into main	2025-12-23 10:18:27 +00:00