Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -7,7 +7,7 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
@@ -28,20 +28,32 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Services",          id: "features"},
-        {
-          name: "Pricing",          id: "pricing"},
-        {
-          name: "Contact",          id: "contact"},
-      ]}
       brandName="ForexPro"
+      navItems={[
+        { name: "Home", id: "hero" },
+        { name: "About Us", id: "about" },
+        { name: "Trading", id: "trading" },
+        { name: "Forex Trading", id: "forex" },
+        { name: "Account Types", id: "accounts" },
+        { name: "Trading Platforms", id: "platforms" },
+        { name: "Services", id: "services" },
+        { name: "Managed Accounts", id: "managed" },
+        { name: "Trading Signals", id: "signals" },
+        { name: "Copy Trading", id: "copy" },
+        { name: "Education", id: "education" },
+        { name: "Beginner Guide", id: "guide" },
+        { name: "Trading Strategies", id: "strategies" },
+        { name: "Webinars", id: "webinars" },
+        { name: "Market Analysis", id: "analysis" },
+        { name: "Live Charts", id: "charts" },
+        { name: "Forex News", id: "news" },
+        { name: "Economic Calendar", id: "calendar" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact Us", id: "contact" }
+      ]}
     />
   </div>
 
@@ -50,10 +62,8 @@ export default function LandingPage() {
       title="Master the Markets with Precision"
       description="Unlock your financial potential with our cutting-edge forex trading platform, expert analytics, and superior market execution."
       buttons={[
-        {
+        { text: "Start Trading", href: "#" },
-          text: "Start Trading",          href: "#"},
+        { text: "Open Account", href: "#" },
-        {
-          text: "Open Account",          href: "#"},
       ]}
       imageSrc="http://img.b2bpic.net/free-vector/admin-app-dashboard-flat-style_23-2147863336.jpg"
       imageAlt="Forex Trading Dashboard"
@@ -65,7 +75,8 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Trusted Financial Excellence"
       description={[
-        "We are dedicated to providing traders with a transparent and secure environment to navigate global currency markets.",        "Our mission is to empower individual and institutional traders through superior technology and comprehensive market education."]}
+        "We are dedicated to providing traders with a transparent and secure environment to navigate global currency markets.",        "Our mission is to empower individual and institutional traders through superior technology and comprehensive market education."
+      ]}
     />
   </div>
 
@@ -75,12 +86,9 @@ export default function LandingPage() {
       title="Complete Trading Solutions"
       description="Everything you need to trade successfully in the global forex market."
       accordionItems={[
-        {
+        { id: "1", title: "Forex Trading", content: "Access hundreds of currency pairs with competitive spreads and lightning-fast execution." },
-          id: "1",          title: "Forex Trading",          content: "Access hundreds of currency pairs with competitive spreads and lightning-fast execution."},
+        { id: "2", title: "Expert Analytics", content: "Make informed decisions with real-time market news and expert technical analysis tools." },
-        {
+        { id: "3", title: "Education Hub", content: "Learn from our comprehensive library of tutorials, strategies, and market guides tailored to your experience level." },
-          id: "2",          title: "Expert Analytics",          content: "Make informed decisions with real-time market news and expert technical analysis tools."},
-        {
-          id: "3",          title: "Education Hub",          content: "Learn from our comprehensive library of tutorials, strategies, and market guides tailored to your experience level."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/influential-businessman-ceo-navigating-his-smartphone-office_482257-123036.jpg"
       imageAlt="Trading Technology"
@@ -94,30 +102,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
+        { id: "beginner", badge: "Entry", price: "$0", subtitle: "For new traders learning the ropes", buttons: [{ text: "Open Account" }], features: ["Standard Spreads", "Basic Education Access", "24/5 Customer Support"] },
-          id: "beginner",          badge: "Entry",          price: "$0",          subtitle: "For new traders learning the ropes",          buttons: [
+        { id: "pro", badge: "Popular", price: "$500", subtitle: "For serious traders", buttons: [{ text: "Open Account" }], features: ["Low Spreads", "Full Education Access", "Advanced Analytics Tools", "Account Manager"] },
-            {
+        { id: "vip", badge: "Expert", price: "$5,000", subtitle: "For institutional performance", buttons: [{ text: "Open Account" }], features: ["Zero Spreads", "Personalized Strategies", "Direct Market Access", "Dedicated Desk"] },
-              text: "Open Account"},
-          ],
-          features: [
-            "Standard Spreads",            "Basic Education Access",            "24/5 Customer Support"],
-        },
-        {
-          id: "pro",          badge: "Popular",          price: "$500",          subtitle: "For serious traders",          buttons: [
-            {
-              text: "Open Account"},
-          ],
-          features: [
-            "Low Spreads",            "Full Education Access",            "Advanced Analytics Tools",            "Account Manager"],
-        },
-        {
-          id: "vip",          badge: "Expert",          price: "$5,000",          subtitle: "For institutional performance",          buttons: [
-            {
-              text: "Open Account"},
-          ],
-          features: [
-            "Zero Spreads",            "Personalized Strategies",            "Direct Market Access",            "Dedicated Desk"],
-        },
       ]}
       title="Account Tiers"
       description="Choose the account type that matches your trading strategy."
@@ -130,16 +117,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Alex Rivers", role: "Full-time Trader", testimonial: "The execution speed on this platform is unmatched. I finally feel in control.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg?_wi=1" },
-          id: "1",          name: "Alex Rivers",          role: "Full-time Trader",          testimonial: "The execution speed on this platform is unmatched. I finally feel in control.",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg?_wi=1"},
+        { id: "2", name: "Maria Lopez", role: "Portfolio Manager", testimonial: "Extremely reliable support and powerful analytics tools. Highly recommended for professionals.", imageSrc: "http://img.b2bpic.net/free-photo/negotiating_1098-13459.jpg" },
-        {
+        { id: "3", name: "James Chen", role: "Beginner Trader", testimonial: "The education hub really helped me bridge the gap from beginner to confident trader.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman_23-2147837532.jpg" },
-          id: "2",          name: "Maria Lopez",          role: "Portfolio Manager",          testimonial: "Extremely reliable support and powerful analytics tools. Highly recommended for professionals.",          imageSrc: "http://img.b2bpic.net/free-photo/negotiating_1098-13459.jpg"},
+        { id: "4", name: "Sarah Miller", role: "Investor", testimonial: "Consistent performance and transparent trading conditions. Truly the best broker I've worked with.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg" },
-        {
+        { id: "5", name: "Robert Stone", role: "Institutional Trader", testimonial: "Reliability and liquidity are key for my firm, and this platform consistently delivers both.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg?_wi=2" },
-          id: "3",          name: "James Chen",          role: "Beginner Trader",          testimonial: "The education hub really helped me bridge the gap from beginner to confident trader.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman_23-2147837532.jpg"},
-        {
-          id: "4",          name: "Sarah Miller",          role: "Investor",          testimonial: "Consistent performance and transparent trading conditions. Truly the best broker I've worked with.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg"},
-        {
-          id: "5",          name: "Robert Stone",          role: "Institutional Trader",          testimonial: "Reliability and liquidity are key for my firm, and this platform consistently delivers both.",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg?_wi=2"},
       ]}
       title="Client Success Stories"
       description="Join thousands of traders who have achieved their goals with us."
@@ -151,12 +133,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "Is forex trading risky?", content: "Forex trading involves significant risk of loss. We prioritize risk management education for our clients." },
-          id: "q1",          title: "Is forex trading risky?",          content: "Forex trading involves significant risk of loss. We prioritize risk management education for our clients."},
+        { id: "q2", title: "How can I deposit funds?", content: "We support multiple secure deposit methods including wire transfers and crypto." },
-        {
+        { id: "q3", title: "Can I trade on mobile?", content: "Yes, our platforms are fully optimized for both desktop and mobile devices." },
-          id: "q2",          title: "How can I deposit funds?",          content: "We support multiple secure deposit methods including wire transfers and crypto."},
-        {
-          id: "q3",          title: "Can I trade on mobile?",          content: "Yes, our platforms are fully optimized for both desktop and mobile devices."},
       ]}
       title="Frequently Asked Questions"
       description="Everything you need to know about getting started."
@@ -167,8 +146,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       tag="Contact Us"
       title="Ready to Start Trading?"
       description="Join thousands of traders worldwide and take control of your financial future today."
@@ -178,30 +156,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
+        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
-          title: "Company",          items: [
+        { title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact Us", href: "#" }] },
-            {
+        { title: "Legal", items: [{ label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] },
-              label: "About Us",              href: "#"},
-            {
-              label: "Careers",              href: "#"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "Help Center",              href: "#"},
-            {
-              label: "Contact Us",              href: "#"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Terms of Service",              href: "#"},
-            {
-              label: "Privacy Policy",              href: "#"},
-          ],
-        },
       ]}
       bottomLeftText="© 2024 ForexPro Trading. All rights reserved."
       bottomRightText="Risk Warning: Forex trading is highly speculative."
@@ -210,4 +167,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}