2026-04-24 20:22:14 +00:00
4 changed files with 63 additions and 100 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -20,10 +20,8 @@ export const metadata: Metadata = {
  },
 };

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

 export default function RootLayout({
  children,
@@ -33,7 +31,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${raleway.variable} antialiased`}>
+        <body className={`${inter.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,13 +6,13 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { CheckCircle, Shield, Zap } from "lucide-react";
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import { Shield, Zap, CheckCircle, TrendingUp, BarChart3, Target } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -21,8 +21,8 @@ export default function LandingPage() {
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="medium"
-        sizing="mediumLargeSizeMediumTitles"
-        background="floatingGradient"
+        sizing="mediumSizeLargeTitles"
+        background="none"
        cardStyle="outline"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
@@ -32,29 +32,29 @@ export default function LandingPage() {
        <div id="nav" data-section="nav">
            <NavbarLayoutFloatingInline
            navItems={[
-              { name: "About", id: "about" },
-              { name: "Strategy", id: "strategy" },
-              { name: "Pricing", id: "pricing" },
-              { name: "Contact", id: "contact" },
+              { name: "Chi Siamo", id: "about" },
+              { name: "Strategia ICC", id: "strategy" },
+              { name: "Pacchetti", id: "pricing" },
+              { name: "Contatti", id: "contact" },
            ]}
            brandName="Horus Trading"
-            button={{ text: "Join Now", href: "#contact" }}
+            button={{ text: "Inizia Ora", href: "#contact" }}
          />
        </div>

        <div id="hero" data-section="hero">
-          <HeroBillboardCarousel
-            background={{ variant: "radial-gradient" }}
-            title="Master the Markets with Horus"
-            description="Unlock the secrets of the ICC strategy. Precise, calculated, professional Forex trading for those ready to reach the next level."
-            buttons={[{ text: "Get Started", href: "#pricing" }]}
-            mediaItems={[
-              { imageSrc: "http://img.b2bpic.net/free-photo/business-graphs-figures-laptop-left-open-desk-empty-office_482257-84546.jpg", imageAlt: "Trading Dashboard" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/businessman-carrying-phone-conversation-with-his-feet-table-colleague-working-back_482257-32831.jpg", imageAlt: "Forex Analysis" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/analyst-reviewing-forex-trends-night_482257-121467.jpg", imageAlt: "Market Insights" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/teammates-manager-assembling-big-data-room-go-their-results_482257-91027.jpg", imageAlt: "ICC Strategy" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg", imageAlt: "Professional Growth" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/customer-marketing-sales-dashboard-graphics-concept_53876-133831.jpg", imageAlt: "Success Path" }
+          <HeroBillboardRotatedCarousel
+            background={{ variant: "animated-grid" }}
+            title="Domina il Forex con Horus"
+            description="La strategia ICC trasforma la complessità del mercato Forex in chiarezza operativa. Professionale, calcolata, essenziale."
+            buttons={[{ text: "Scopri i Pacchetti", href: "#pricing" }]}
+            carouselItems={[
+              { id: "1", videoSrc: "https://www.w3schools.com/howto/rain.mp4" },
+              { id: "2", videoSrc: "https://www.w3schools.com/howto/rain.mp4" },
+              { id: "3", videoSrc: "https://www.w3schools.com/howto/rain.mp4" },
+              { id: "4", videoSrc: "https://www.w3schools.com/howto/rain.mp4" },
+              { id: "5", videoSrc: "https://www.w3schools.com/howto/rain.mp4" },
+              { id: "6", videoSrc: "https://www.w3schools.com/howto/rain.mp4" }
            ]}
          />
        </div>
@@ -63,109 +63,74 @@ export default function LandingPage() {
          <InlineImageSplitTextAbout
            useInvertedBackground={true}
            heading={[
-              { type: "text", content: "Meet Horus: The Visionary Behind ICC." },
-              { type: "image", src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206527.jpg", alt: "Horus" }
+              { type: "text", content: "Il Metodo Horus." },
+              { type: "image", src: "https://img.b2bpic.net/free-photo/analyst-reviewing-forex-trends-night_482257-121467.jpg", alt: "Horus" }
            ]}
          />
        </div>

        <div id="strategy" data-section="strategy">
          <FeatureHoverPattern
-            animationType="slide-up"
+            animationType="blur-reveal"
            textboxLayout="split-description"
            useInvertedBackground={false}
            features={[
-              { icon: Shield, title: "Pure Forex Focus", description: "Strictly currency pair analysis, no distractions from commodities or futures." },
-              { icon: Zap, title: "Institutional Logic", description: "Understand the order flow that drives market moves." },
-              { icon: CheckCircle, title: "Proven Execution", description: "Repeatable setup protocols that favor probability over luck." }
+              { icon: Shield, title: "Focus Forex Puro", description: "Niente crypto, niente futures, niente oro. Solo analisi valutaria di precisione." },
+              { icon: Zap, title: "Strategia ICC", description: "Algoritmi di mercato e logica istituzionale al servizio del tuo trading." },
+              { icon: CheckCircle, title: "Esecuzione Professionale", description: "Protocolli di ingresso rigidi basati sul flusso degli ordini reale." }
            ]}
-            title="The ICC Strategy Advantage"
-            description="Our methodology is built on institutional-grade analysis for the Forex market, ignoring noise from futures or commodities."
+            title="La Metodologia ICC"
+            description="Un approccio minimalista e autorevole al mercato Forex, progettato per chi cerca costanza e non fortuna."
          />
        </div>

        <div id="metrics" data-section="metrics">
-          <MetricCardTwo
-            animationType="slide-up"
+          <MetricCardEleven
+            animationType="blur-reveal"
            textboxLayout="split"
-            gridVariant="uniform-all-items-equal"
            useInvertedBackground={true}
+            title="Grafici Forex in Tempo Reale"
+            description="Strumenti di analisi avanzati stile TradingView per monitorare le tue operazioni ICC."
            metrics={[
-              { id: "m1", value: "85%", description: "Win-rate probability" },
-              { id: "m2", value: "1.5:1", description: "Average R:R ratio" },
-              { id: "m3", value: "200+", description: "Successfully trained students" }
+              { id: "c1", value: "EUR/USD", title: "Analisi Live", description: "Trend primario e zone di supply", videoSrc: "https://www.w3schools.com/howto/rain.mp4" },
+              { id: "c2", value: "GBP/USD", title: "Precisione", description: "Segnali basati su imbalance", videoSrc: "https://www.w3schools.com/howto/rain.mp4" },
+              { id: "c3", value: "USD/JPY", title: "Flow Istituzionale", description: "Tracking delle manipolazioni", videoSrc: "https://www.w3schools.com/howto/rain.mp4" }
            ]}
-            title="Proven Performance"
-            description="Data-driven results for informed traders."
          />
        </div>

        <div id="pricing" data-section="pricing">
-          <PricingCardTwo
+          <PricingCardOne
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
+            title="Piani Formativi ICC"
+            description="Scegli il percorso di crescita adatto al tuo livello."
            plans={[
-              { id: "base", badge: "Essential", price: "€499", subtitle: "Foundation of ICC", buttons: [{ text: "Buy Base", href: "#contact" }], features: ["Technical basics", "Pair basics", "Basic risk management"] },
-              { id: "adv", badge: "Popular", price: "€999", subtitle: "Master the Flow", buttons: [{ text: "Buy Advanced", href: "#contact" }], features: ["Order block theory", "Advanced liquidity", "Full trading plan"] },
-              { id: "mata", badge: "Elite", price: "€1999", subtitle: "The Matadora Experience", buttons: [{ text: "Buy Matadora", href: "#contact" }], features: ["Live coaching", "1:1 mentoring", "Matadora scalping system"] }
+              { id: "base", badge: "Base", price: "€499", subtitle: "Fondamenta Forex", features: ["Concetti base ICC", "Risk management", "Analisi tecnica" ] },
+              { id: "avanzato", badge: "Avanzato", price: "€999", subtitle: "Professional Trading", features: ["Order flow avanzato", "Liquidity maps", "Piano operativo" ] },
+              { id: "matadora", badge: "Matadora", price: "€1999", subtitle: "Elite Scalping", features: ["Sistema Matadora", "Mentoring 1:1", "Live trading room" ] }
            ]}
-            title="ICC Strategy Packages"
-            description="Choose the level that fits your trading journey."
-          />
-        </div>
-
-        <div id="testimonials" data-section="testimonials">
-          <TestimonialCardFifteen
-            useInvertedBackground={true}
-            testimonial="The ICC strategy changed how I see the charts. Forex is no longer a guessing game for me."
-            rating={5}
-            author="Marco P., Advanced Student"
-            avatars={[
-              { src: "http://img.b2bpic.net/free-photo/front-view-female-student-black-jacket-wearing-backpack-holding-yellow-files-rejoicing-blue-wall-school-college-university_140725-43373.jpg", alt: "Student 1" },
-              { src: "http://img.b2bpic.net/free-photo/stylish-indian-man-sitting-fast-food-cafe-eating-hamburger-gesture-peace-sign-hand_627829-1371.jpg", alt: "Student 2" },
-              { src: "http://img.b2bpic.net/free-photo/thoughtful-curly-haired-female-student-does-homework-outdoors-writes-down-notes-diary-holds-mobile-phone-browses-websites-wears-white-shirt-vest-focused-into-distance-studying-concept_273609-61342.jpg", alt: "Student 3" },
-              { src: "http://img.b2bpic.net/free-photo/funny-dark-skinned-man-with-african-hairstyle-working-course-paper-while-sitting-cafe-lunch-break-holding-smartphone-being-happy-finish-his-work-african-guy-with-broad-smile-cafe_273609-7461.jpg", alt: "Student 4" },
-              { src: "http://img.b2bpic.net/free-photo/business-partners-celebrate-beginning-new-project-their-companies_482257-97532.jpg", alt: "Student 5" }
-            ]}
-            ratingAnimation="blur-reveal"
-            avatarsAnimation="blur-reveal"
-          />
-        </div>
-
-        <div id="faq" data-section="faq">
-          <FaqBase
-            textboxLayout="split"
-            useInvertedBackground={false}
-            faqs={[
-              { id: "q1", title: "Is this for beginners?", content: "The Base package is designed to get you started from scratch." },
-              { id: "q2", title: "Do you trade XAU/Gold?", content: "No, we strictly teach and trade Forex pairs for optimal concentration." },
-              { id: "q3", title: "What's Matadora?", content: "Matadora is our elite level scalping strategy for high-performance execution." }
-            ]}
-            title="Questions Answered"
-            description="Common questions about Horus and ICC strategy."
-            faqsAnimation="blur-reveal"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactCTA
-            useInvertedBackground={true}
-            background={{ variant: "plain" }}
-            tag="Get Started"
-            title="Ready to trade with Horus?"
-            description="Send us a message to secure your place in the next intake."
-            buttons={[{ text: "Send Message", href: "#" }]}
+            tag="Contatti"
+            title="Inizia oggi il tuo percorso"
+            description="Horus è pronto ad analizzare i mercati con te. Contattaci per accedere al metodo ICC."
+            buttons={[{ text: "Invia Messaggio", href: "#" }]}
+            background={{ variant: "sparkles-gradient" }}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterCard
            logoText="Horus Trading"
-            copyrightText="© 2025 Horus Trading. All rights reserved."
+            copyrightText="© 2025 Horus Trading. Forex Professional Education."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-raleway), sans-serif;
+  font-family: var(--font-inter), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-raleway), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -11,14 +11,14 @@
  --background-accent: #ffffff; */

  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #15479c;
+  --card: #f5f5f5;
+  --foreground: #1c1c1c;
+  --primary-cta: #106EFB;
  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #1c1c1c;
  --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #106EFB;
+  --background-accent: #f5f5f5;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);