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 81 additions and 194 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -4,13 +4,13 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  --background: #ffffff;
-  --card: #fcfcfc;
-  --foreground: #120006e6;
-  --primary-cta: #e63946;
-  --secondary-cta: #ffffff;
-  --accent: #ffcf40;
-  --background-accent: #ffd966;
+  --background: #000000;
+  --card: #1b1b1b;
+  --foreground: #ffffff;
+  --primary-cta: #ff0000;
+  --secondary-cta: #151515;
+  --accent: #303030;
+  --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 { Manrope } from "next/font/google";
-import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
+import type { Metadata } from 'next';
+import { Inter } from 'next/font/google';
+import './globals.css';

-const manrope = Manrope({
-  variable: "--font-manrope",
-  subsets: ["latin"],
+const inter = Inter({
+  variable: '--font-inter',
+  subsets: ['latin'],
 });

 export const metadata: Metadata = {
-  title: "English Dom - Learn English Online with Expert Instructors",
-  description: "Master English with personalized lessons from certified instructors. Beginner to advanced courses available. Start your free trial today.",
-  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
-  }
+  title: 'Webild',
+  description: 'Build Modern Web Experiences',
 };

 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={manrope.variable}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en" className={inter.variable}>
+      <body>{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,155 +1,79 @@
 "use client";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

-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"
-      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"
+      sizing="medium"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
-        <div className="bg-white text-black p-6">
-          <h1 className="text-2xl font-bold">English Dom</h1>
-          <nav>
-            <ul className="flex space-x-4">
-              <li><a href="#hero">Home</a></li>
-              <li><a href="#about">About</a></li>
-              <li><a href="#features">Courses</a></li>
-              <li><a href="#testimonials">Testimonials</a></li>
-              <li><a href="#contact">Contact</a></li>
-            </ul>
-          </nav>
-        </div>
+        <NavbarStyleMinimal
+          brandName="Webild"
+          button={{ text: "Get Started", href: "https://webild.io" }}
+        />
      </div>

      <div id="hero" data-section="hero">
-        <section className="min-h-screen bg-gradient-to-r from-blue-600 to-purple-600 text-white flex items-center justify-center">
-          <div className="text-center">
-            <h1 className="text-5xl font-bold mb-4">English Dom</h1>
-            <p className="text-xl mb-8">Master English fluency with expert instructors. Interactive lessons designed for all levels.</p>
-            <div className="space-x-4">
-              <button className="bg-white text-blue-600 px-6 py-3 rounded-lg font-semibold">Start Trial</button>
-              <button className="border border-white px-6 py-3 rounded-lg font-semibold">All Courses</button>
-            </div>
-          </div>
-        </section>
-      </div>
-
-      <div id="about" data-section="about">
-        <section className="py-20 bg-gray-50">
-          <div className="max-w-6xl mx-auto px-4">
-            <span className="text-blue-600 font-semibold">Our Story</span>
-            <h2 className="text-4xl font-bold mb-6">Transforming English Education Since 2015</h2>
-            <p className="text-gray-600 mb-8">We believe learning English should be engaging, accessible, and effective for everyone.</p>
-            <div className="grid md:grid-cols-2 gap-8">
-              <div>
-                <span className="text-blue-600 font-semibold">MISSION</span>
-                <h3 className="text-2xl font-bold mb-4">Expert instruction meets modern methodology</h3>
-                <p className="text-gray-600">English Dom combines traditional teaching excellence with cutting-edge technology. Our certified instructors create personalized learning experiences that help students achieve fluency in speaking, listening, reading, and writing.</p>
-                <button className="mt-6 bg-blue-600 text-white px-6 py-3 rounded-lg">Learn More</button>
+        <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">
+            <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>
-                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484692441-ky6zbpw9.jpg" alt="English Dom learning center" className="rounded-lg" />
+              <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>
-        </section>
-      </div>
-
-      <div id="features" data-section="features">
-        <section className="py-20 bg-white">
-          <div className="max-w-6xl mx-auto px-4">
-            <span className="text-blue-600 font-semibold">Courses</span>
-            <h2 className="text-4xl font-bold mb-6">Comprehensive Course Levels</h2>
-            <p className="text-gray-600 mb-12">From complete beginner to advanced proficiency, our structured programs ensure steady progress.</p>
-            <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
-              <div className="bg-gray-50 p-6 rounded-lg">
-                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484693438-07rkdlqa.jpg" alt="Beginner English course" className="rounded-lg mb-4" />
-                <h3 className="text-xl font-bold mb-2">Beginner English</h3>
-                <p className="text-gray-600">Master pronunciation, basic vocabulary, and essential grammar. Perfect for absolute beginners starting their English journey.</p>
-              </div>
-              <div className="bg-gray-50 p-6 rounded-lg">
-                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484694244-h6z6ypcz.jpg" alt="Intermediate English course" className="rounded-lg mb-4" />
-                <h3 className="text-xl font-bold mb-2">Intermediate English</h3>
-                <p className="text-gray-600">Build conversational fluency with real-world scenarios. Expand vocabulary and master complex grammar structures.</p>
-              </div>
-              <div className="bg-gray-50 p-6 rounded-lg">
-                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484695254-p59fsyqd.jpg" alt="Advanced English course" className="rounded-lg mb-4" />
-                <h3 className="text-xl font-bold mb-2">Advanced English</h3>
-                <p className="text-gray-600">Achieve native-like fluency and professionalism. Specialized content for business, academic, and cultural contexts.</p>
-              </div>
-              <div className="bg-gray-50 p-6 rounded-lg">
-                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484696101-v2pl2f1j.jpg" alt="Certification programs" className="rounded-lg mb-4" />
-                <h3 className="text-xl font-bold mb-2">Certification Programs</h3>
-                <p className="text-gray-600">Prepare for international exams including TOEFL, IELTS, and Cambridge certificates with expert guidance.</p>
-              </div>
-            </div>
-          </div>
-        </section>
-      </div>
-
-      <div id="contact" data-section="contact">
-        <section className="py-20 bg-blue-600 text-white">
-          <div className="max-w-4xl mx-auto px-4 text-center">
-            <span className="font-semibold">Newsletter</span>
-            <h2 className="text-4xl font-bold mb-6">Start Your English Journey Today</h2>
-            <p className="text-lg mb-8">Join thousands of students who are achieving fluency with English Dom. Get expert guidance, personalized lessons, and proven results.</p>
-            <div className="max-w-md mx-auto flex">
-              <input type="email" placeholder="Enter your email address" className="flex-1 px-4 py-3 rounded-l-lg text-black" />
-              <button className="bg-white text-blue-600 px-6 py-3 rounded-r-lg font-semibold">Join Now US</button>
-            </div>
-            <p className="text-sm mt-4 opacity-80">We respect your privacy. Unsubscribe at any time. By signing up, you agree to our Terms of Service.</p>
-          </div>
-        </section>
-      </div>
-
-      <div id="footer" data-section="footer">
-        <footer className="bg-gray-900 text-white py-16">
-          <div className="max-w-6xl mx-auto px-4">
-            <div className="text-center mb-8">
-              <h3 className="text-2xl font-bold">English Dom</h3>
-            </div>
-            <div className="grid md:grid-cols-4 gap-8">
-              <div>
-                <ul className="space-y-2">
-                  <li><a href="#hero" className="text-gray-400 hover:text-white">Home</a></li>
-                  <li><a href="#about" className="text-gray-400 hover:text-white">About Us</a></li>
-                  <li><a href="#features" className="text-gray-400 hover:text-white">Courses</a></li>
-                </ul>
-              </div>
-              <div>
-                <ul className="space-y-2">
-                  <li><a href="#pricing" className="text-gray-400 hover:text-white">Pricing</a></li>
-                  <li><a href="#testimonials" className="text-gray-400 hover:text-white">Testimonials</a></li>
-                  <li><a href="#contact" className="text-gray-400 hover:text-white">Contact</a></li>
-                </ul>
-              </div>
-              <div>
-                <ul className="space-y-2">
-                  <li><a href="#" className="text-gray-400 hover:text-white">Privacy Policy</a></li>
-                  <li><a href="#" className="text-gray-400 hover:text-white">Terms of Service</a></li>
-                  <li><a href="#" className="text-gray-400 hover:text-white">Sitemap</a></li>
-                </ul>
-              </div>
-              <div>
-                <ul className="space-y-2">
-                  <li><a href="https://facebook.com" className="text-gray-400 hover:text-white">Facebook</a></li>
-                  <li><a href="https://twitter.com" className="text-gray-400 hover:text-white">Twitter</a></li>
-                  <li><a href="https://linkedin.com" className="text-gray-400 hover:text-white">LinkedIn</a></li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </footer>
+        </div>
      </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	398cb1a610	Update src/app/page.tsx	2025-12-25 10:17:42 +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