Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f98a7ff7c8 | |||
| a8ed4134ba | |||
| f88d825cb3 | |||
| 7d34a2b2ed | |||
| 9e3e59bdad |
242
src/app/page.tsx
242
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
@@ -33,66 +33,30 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Gloria Trading"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
<HeroLogo
|
||||
logoText="Gloria Trading"
|
||||
description="Excellence in global commodities and financial trading. We bridge markets with integrity and precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-freelancer-working-from-home-business-app-home-business-laptop-computer-businesswoman-office-working-sitting-woman-work-communication-internet-people-online-happy-technology_482257-47239.jpg",
|
||||
imageAlt: "Global trading markets",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-desk-shows-company-statistics_482257-120304.jpg",
|
||||
imageAlt: "Global trading markets",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg",
|
||||
imageAlt: "Global trading markets",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",
|
||||
imageAlt: "Global trading markets",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038414.jpg",
|
||||
imageAlt: "Global trading markets",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg",
|
||||
imageAlt: "Global trading markets",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-woman-freelancer-working-from-home-business-app-home-business-laptop-computer-businesswoman-office-working-sitting-woman-work-communication-internet-people-online-happy-technology_482257-47239.jpg"
|
||||
imageAlt="Global trading markets"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -105,17 +69,11 @@ export default function LandingPage() {
|
||||
tag="About Us"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Market Excellence",
|
||||
description: "Setting standards in high-value asset trading across multiple continents.",
|
||||
},
|
||||
title: "Market Excellence", description: "Setting standards in high-value asset trading across multiple continents."},
|
||||
{
|
||||
title: "Strategic Insights",
|
||||
description: "Harnessing real-time market data to minimize risk and maximize returns.",
|
||||
},
|
||||
title: "Strategic Insights", description: "Harnessing real-time market data to minimize risk and maximize returns."},
|
||||
{
|
||||
title: "Client Integrity",
|
||||
description: "Building long-term partnerships through transparent and ethical business practices.",
|
||||
},
|
||||
title: "Client Integrity", description: "Building long-term partnerships through transparent and ethical business practices."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-graphs-performance-metrics-monitors-office_482257-126569.jpg"
|
||||
imageAlt="Gloria Trading expert team"
|
||||
@@ -131,20 +89,11 @@ export default function LandingPage() {
|
||||
tag="Advantages"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "feat-1",
|
||||
title: "Global Distribution Network",
|
||||
content: "Our expansive network spans across three continents, ensuring seamless access and distribution.",
|
||||
},
|
||||
id: "feat-1", title: "Global Distribution Network", content: "Our expansive network spans across three continents, ensuring seamless access and distribution."},
|
||||
{
|
||||
id: "feat-2",
|
||||
title: "Risk Mitigation",
|
||||
content: "Robust hedging strategies and comprehensive market analysis protect your capital.",
|
||||
},
|
||||
id: "feat-2", title: "Risk Mitigation", content: "Robust hedging strategies and comprehensive market analysis protect your capital."},
|
||||
{
|
||||
id: "feat-3",
|
||||
title: "Operational Precision",
|
||||
content: "Technology-driven workflows ensure every trade is executed with maximum accuracy.",
|
||||
},
|
||||
id: "feat-3", title: "Operational Precision", content: "Technology-driven workflows ensure every trade is executed with maximum accuracy."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone_23-2149151172.jpg"
|
||||
imageAlt="Strategic trading advantages"
|
||||
@@ -160,47 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Gold Bullion",
|
||||
price: "Market Rate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crystal-globe-with-stock-information_1150-17697.jpg",
|
||||
imageAlt: "Gold Bullion",
|
||||
},
|
||||
id: "p1", name: "Gold Bullion", price: "Market Rate", imageSrc: "http://img.b2bpic.net/free-photo/crystal-globe-with-stock-information_1150-17697.jpg", imageAlt: "Gold Bullion"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Silver Reserves",
|
||||
price: "Market Rate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-metal-cota_1122-964.jpg",
|
||||
imageAlt: "Silver Reserves",
|
||||
},
|
||||
id: "p2", name: "Silver Reserves", price: "Market Rate", imageSrc: "http://img.b2bpic.net/free-photo/texture-metal-cota_1122-964.jpg", imageAlt: "Silver Reserves"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Premium Contract Set",
|
||||
price: "Contact for quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-14500.jpg",
|
||||
imageAlt: "Premium Contracts",
|
||||
},
|
||||
id: "p3", name: "Premium Contract Set", price: "Contact for quote", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-14500.jpg", imageAlt: "Premium Contracts"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Crypto Exchange Access",
|
||||
price: "Variable",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148600205.jpg",
|
||||
imageAlt: "Crypto Trading",
|
||||
},
|
||||
id: "p4", name: "Crypto Exchange Access", price: "Variable", imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148600205.jpg", imageAlt: "Crypto Trading"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Logistics Commodities",
|
||||
price: "Market Rate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/distribution-warehouse-building-interior-large-storage-area-with-goods-shelf_342744-1452.jpg",
|
||||
imageAlt: "Logistics Commodities",
|
||||
},
|
||||
id: "p5", name: "Logistics Commodities", price: "Market Rate", imageSrc: "http://img.b2bpic.net/free-photo/distribution-warehouse-building-interior-large-storage-area-with-goods-shelf_342744-1452.jpg", imageAlt: "Logistics Commodities"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Trading Equipment",
|
||||
price: "Variable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lots-small-candles-catholic-church_169016-21662.jpg",
|
||||
imageAlt: "Trading Tech",
|
||||
},
|
||||
id: "p6", name: "Trading Equipment", price: "Variable", imageSrc: "http://img.b2bpic.net/free-photo/lots-small-candles-catholic-church_169016-21662.jpg", imageAlt: "Trading Tech"},
|
||||
]}
|
||||
title="Our Trading Portfolio"
|
||||
description="Explore our diverse range of tradable assets and services designed to help you scale."
|
||||
@@ -215,22 +134,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Countries Served",
|
||||
value: "45+",
|
||||
icon: Globe,
|
||||
id: "m1", title: "Countries Served", value: "45+", icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Annual Trades",
|
||||
value: "12k+",
|
||||
icon: TrendingUp,
|
||||
id: "m2", title: "Annual Trades", value: "12k+", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Client Retention",
|
||||
value: "98%",
|
||||
icon: Users,
|
||||
id: "m3", title: "Client Retention", value: "98%", icon: Users,
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -246,45 +156,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Arthur Sterling",
|
||||
handle: "CEO, Sterling Finance",
|
||||
testimonial: "Gloria Trading provided the strategic edge we needed to diversify our precious metals portfolio.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg",
|
||||
},
|
||||
id: "t1", name: "Arthur Sterling", handle: "CEO, Sterling Finance", testimonial: "Gloria Trading provided the strategic edge we needed to diversify our precious metals portfolio.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elaine Zhou",
|
||||
handle: "CFO, Tech Ventures",
|
||||
testimonial: "Highly professional and extremely reliable execution team. Exceptional market reach.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-posing-work_23-2150697601.jpg",
|
||||
},
|
||||
id: "t2", name: "Elaine Zhou", handle: "CFO, Tech Ventures", testimonial: "Highly professional and extremely reliable execution team. Exceptional market reach.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-posing-work_23-2150697601.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus Thorne",
|
||||
handle: "Director, Thorne Logistics",
|
||||
testimonial: "Their commodity logistics expertise transformed our global distribution operations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg",
|
||||
},
|
||||
id: "t3", name: "Marcus Thorne", handle: "Director, Thorne Logistics", testimonial: "Their commodity logistics expertise transformed our global distribution operations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sophia Vance",
|
||||
handle: "Founder, Vance Trading",
|
||||
testimonial: "Transparent, fast, and secure. Gloria Trading is the ultimate partner for mid-market firms.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-table-holding-glasses_23-2148317290.jpg",
|
||||
},
|
||||
id: "t4", name: "Sophia Vance", handle: "Founder, Vance Trading", testimonial: "Transparent, fast, and secure. Gloria Trading is the ultimate partner for mid-market firms.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-table-holding-glasses_23-2148317290.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Al-Farsi",
|
||||
handle: "Manager, Dubai Trading",
|
||||
testimonial: "Consistent support and incredible insights into emerging markets.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-hands-pockets-white-shirt-jacket-looking-elegant-front-view_176474-99655.jpg",
|
||||
},
|
||||
id: "t5", name: "David Al-Farsi", handle: "Manager, Dubai Trading", testimonial: "Consistent support and incredible insights into emerging markets.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-hands-pockets-white-shirt-jacket-looking-elegant-front-view_176474-99655.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Success Stories"
|
||||
@@ -297,14 +182,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Sterling Finance",
|
||||
"Tech Ventures",
|
||||
"Thorne Logistics",
|
||||
"Vance Trading",
|
||||
"Dubai Trading Group",
|
||||
"Global Capital",
|
||||
"Alliance Investment",
|
||||
]}
|
||||
"Sterling Finance", "Tech Ventures", "Thorne Logistics", "Vance Trading", "Dubai Trading Group", "Global Capital", "Alliance Investment"]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with market-leading institutions to ensure top-tier trading capabilities."
|
||||
/>
|
||||
@@ -314,8 +192,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Inquiry"
|
||||
title="Start Your Trading Journey"
|
||||
description="Contact our account executives today to explore tailored trading opportunities for your firm."
|
||||
@@ -327,54 +204,33 @@ export default function LandingPage() {
|
||||
logoText="Gloria Trading"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
label: "Press", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Solutions",
|
||||
items: [
|
||||
title: "Solutions", items: [
|
||||
{
|
||||
label: "Asset Trading",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Asset Trading", href: "#products"},
|
||||
{
|
||||
label: "Risk Management",
|
||||
href: "#",
|
||||
},
|
||||
label: "Risk Management", href: "#"},
|
||||
{
|
||||
label: "Market Insights",
|
||||
href: "#",
|
||||
},
|
||||
label: "Market Insights", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Compliance",
|
||||
href: "#",
|
||||
},
|
||||
label: "Compliance", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--background: #fffafa;
|
||||
--card: #fff7f7;
|
||||
--foreground: #1a0000;
|
||||
--primary-cta: #e63946;
|
||||
--primary-cta-text: #fffafa;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #1a0000;
|
||||
--accent: #f5c4c7;
|
||||
--background-accent: #f09199;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user