Update src/app/page.tsx
This commit is contained in:
274
src/app/page.tsx
274
src/app/page.tsx
@@ -34,41 +34,23 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "#impact",
|
||||
},
|
||||
name: "Impact", id: "#impact"},
|
||||
{
|
||||
name: "Partners",
|
||||
id: "#partners",
|
||||
},
|
||||
name: "Partners", id: "#partners"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kyj1wd"
|
||||
logoAlt="Ayass General Trading LLC logo"
|
||||
@@ -79,72 +61,42 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Your Trusted Partner in Global Trade"
|
||||
description="Ayass General Trading LLC specializes in sourcing, supplying, and distributing a diverse range of products across international markets. We build bridges between manufacturers and consumers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore Services", href: "#services"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/merchandise-packages-with-courier-stamps-receipts-warehouse_482257-83347.jpg"
|
||||
imageAlt="Global trade logistics and modern city skyline"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg",
|
||||
alt: "Professional male executive smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg", alt: "Professional male executive smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21402.jpg",
|
||||
alt: "Confident female business leader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21402.jpg", alt: "Confident female business leader"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
alt: "Diverse entrepreneur smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Diverse entrepreneur smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
|
||||
alt: "Young professional headshot",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg", alt: "Young professional headshot"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
|
||||
alt: "Global trade expert portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg", alt: "Global trade expert portrait"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ clients worldwide."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/retail-supply-chain-operations-ensured-by-diverse-employees-manage-depot_482257-132084.jpg",
|
||||
alt: "Logistics management in a modern warehouse",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/retail-supply-chain-operations-ensured-by-diverse-employees-manage-depot_482257-132084.jpg", alt: "Logistics management in a modern warehouse"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-shot-water-reflecting-buildings-shore-with-clear-sky_181624-2254.jpg",
|
||||
alt: "International shipping containers at a busy port",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-shot-water-reflecting-buildings-shore-with-clear-sky_181624-2254.jpg", alt: "International shipping containers at a busy port"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662954.jpg",
|
||||
alt: "Digital supply chain network over a global map",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662954.jpg", alt: "Digital supply chain network over a global map"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/afro-american-caucasian-cheerful-businessmen-handshaking_1163-5309.jpg",
|
||||
alt: "Business partners shaking hands on a global agreement",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/afro-american-caucasian-cheerful-businessmen-handshaking_1163-5309.jpg", alt: "Business partners shaking hands on a global agreement"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/focused-director-her-team-engage-video-call-with-ceo_482257-119748.jpg",
|
||||
alt: "Team collaborating in a modern office",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/focused-director-her-team-engage-video-call-with-ceo_482257-119748.jpg", alt: "Team collaborating in a modern office"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -170,20 +122,11 @@ export default function LandingPage() {
|
||||
description="We offer comprehensive trading solutions, from procurement to logistics, ensuring smooth and efficient transactions for our clients worldwide."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "procurement",
|
||||
title: "Global Sourcing & Procurement",
|
||||
content: "Leveraging our extensive network to find high-quality products at competitive prices, ensuring a steady supply chain for your business needs.",
|
||||
},
|
||||
id: "procurement", title: "Global Sourcing & Procurement", content: "Leveraging our extensive network to find high-quality products at competitive prices, ensuring a steady supply chain for your business needs."},
|
||||
{
|
||||
id: "logistics",
|
||||
title: "Efficient Logistics & Distribution",
|
||||
content: "Streamlined supply chain management ensures timely delivery and optimal distribution, minimizing costs and maximizing efficiency.",
|
||||
},
|
||||
id: "logistics", title: "Efficient Logistics & Distribution", content: "Streamlined supply chain management ensures timely delivery and optimal distribution, minimizing costs and maximizing efficiency."},
|
||||
{
|
||||
id: "consulting",
|
||||
title: "Market Entry & Trade Consulting",
|
||||
content: "Providing expert advice and support for businesses expanding into new markets, helping navigate regulations and cultural nuances.",
|
||||
},
|
||||
id: "consulting", title: "Market Entry & Trade Consulting", content: "Providing expert advice and support for businesses expanding into new markets, helping navigate regulations and cultural nuances."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg"
|
||||
imageAlt="Global logistics map with digital overlay showing trade routes"
|
||||
@@ -199,47 +142,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Agricultural Produce",
|
||||
price: "Global Supply",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-choosing-colorful-bio-fruits-veggies-buy-from-local-farmers-market-place-looking-natural-locally-grown-produce-people-buying-organic-vegetables-products-handheld-shot_482257-66340.jpg",
|
||||
imageAlt: "Fresh agricultural produce",
|
||||
},
|
||||
id: "p1", name: "Agricultural Produce", price: "Global Supply", imageSrc: "http://img.b2bpic.net/free-photo/customer-choosing-colorful-bio-fruits-veggies-buy-from-local-farmers-market-place-looking-natural-locally-grown-produce-people-buying-organic-vegetables-products-handheld-shot_482257-66340.jpg", imageAlt: "Fresh agricultural produce"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Industrial Raw Materials",
|
||||
price: "Bulk Orders",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gears-cogwheels_1112-922.jpg",
|
||||
imageAlt: "Industrial raw materials",
|
||||
},
|
||||
id: "p2", name: "Industrial Raw Materials", price: "Bulk Orders", imageSrc: "http://img.b2bpic.net/free-photo/gears-cogwheels_1112-922.jpg", imageAlt: "Industrial raw materials"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Electronics & Components",
|
||||
price: "Latest Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-virtual-reality-simulator-with-laptop_23-2148912817.jpg",
|
||||
imageAlt: "Electronics components",
|
||||
},
|
||||
id: "p3", name: "Electronics & Components", price: "Latest Tech", imageSrc: "http://img.b2bpic.net/free-photo/top-view-virtual-reality-simulator-with-laptop_23-2148912817.jpg", imageAlt: "Electronics components"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Building & Construction",
|
||||
price: "Quality Materials",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-heavy-machinery-used-construction-industry_23-2151307827.jpg",
|
||||
imageAlt: "Building materials",
|
||||
},
|
||||
id: "p4", name: "Building & Construction", price: "Quality Materials", imageSrc: "http://img.b2bpic.net/free-photo/view-heavy-machinery-used-construction-industry_23-2151307827.jpg", imageAlt: "Building materials"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Food & Beverages",
|
||||
price: "Variety & Freshness",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dairy-products-bread-vegetables-breakfast_114579-50364.jpg",
|
||||
imageAlt: "Assorted food and beverages",
|
||||
},
|
||||
id: "p5", name: "Food & Beverages", price: "Variety & Freshness", imageSrc: "http://img.b2bpic.net/free-photo/dairy-products-bread-vegetables-breakfast_114579-50364.jpg", imageAlt: "Assorted food and beverages"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Textiles & Garments",
|
||||
price: "Fashion & Comfort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-tailor-makes-measurements-jeans-with-meter-sewing-workshop_613910-19033.jpg",
|
||||
imageAlt: "Textiles and garments",
|
||||
},
|
||||
id: "p6", name: "Textiles & Garments", price: "Fashion & Comfort", imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-tailor-makes-measurements-jeans-with-meter-sewing-workshop_613910-19033.jpg", imageAlt: "Textiles and garments"},
|
||||
]}
|
||||
title="Diverse Product Portfolio"
|
||||
description="From essential commodities to specialized goods, our extensive product range meets the diverse needs of various industries and markets globally."
|
||||
@@ -253,23 +166,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Globe,
|
||||
title: "Countries Served",
|
||||
value: "50+",
|
||||
},
|
||||
id: "m1", icon: Globe,
|
||||
title: "Countries Served", value: "50+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Satisfied Clients",
|
||||
value: "500+",
|
||||
},
|
||||
id: "m2", icon: Users,
|
||||
title: "Satisfied Clients", value: "500+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Package,
|
||||
title: "Products Traded",
|
||||
value: "1000+",
|
||||
},
|
||||
id: "m3", icon: Package,
|
||||
title: "Products Traded", value: "1000+"},
|
||||
]}
|
||||
title="Our Impact & Growth"
|
||||
description="Discover the key milestones and achievements that define Ayass General Trading LLC's journey to becoming a leader in global trade."
|
||||
@@ -281,14 +185,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Global Solutions Inc.",
|
||||
"International Logistics Co.",
|
||||
"Apex Manufacturing",
|
||||
"Horizon Distributors",
|
||||
"Synergy Imports",
|
||||
"Dynamic Ventures Group",
|
||||
"Elite Traders",
|
||||
]}
|
||||
"Global Solutions Inc.", "International Logistics Co.", "Apex Manufacturing", "Horizon Distributors", "Synergy Imports", "Dynamic Ventures Group", "Elite Traders"]}
|
||||
title="Trusted by Global Leaders"
|
||||
description="Our commitment to quality and service has earned us the trust of numerous partners and clients worldwide, fostering strong and lasting relationships."
|
||||
/>
|
||||
@@ -301,40 +198,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Omar Al-Farsi",
|
||||
handle: "@OmarA",
|
||||
testimonial: "Ayass General Trading has been an invaluable partner. Their efficiency and global reach are unmatched in the industry. Truly a pleasure to work with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
|
||||
},
|
||||
id: "t1", name: "Omar Al-Farsi", handle: "@OmarA", testimonial: "Ayass General Trading has been an invaluable partner. Their efficiency and global reach are unmatched in the industry. Truly a pleasure to work with.", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria Rodriguez",
|
||||
handle: "@MariaR",
|
||||
testimonial: "Exceptional service and timely delivery every time. Ayass makes international trade simple, reliable, and stress-free. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tech-people-trying-achieve-ambitious-sustainability-goals_23-2150950189.jpg",
|
||||
},
|
||||
id: "t2", name: "Maria Rodriguez", handle: "@MariaR", testimonial: "Exceptional service and timely delivery every time. Ayass makes international trade simple, reliable, and stress-free. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/tech-people-trying-achieve-ambitious-sustainability-goals_23-2150950189.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Kenji Tanaka",
|
||||
handle: "@KenjiT",
|
||||
testimonial: "Their expertise in sourcing unique products has significantly boosted our market offerings. We rely on them for quality and innovation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/information-phone-focus-corporate-suit_1258-117.jpg",
|
||||
},
|
||||
id: "t3", name: "Kenji Tanaka", handle: "@KenjiT", testimonial: "Their expertise in sourcing unique products has significantly boosted our market offerings. We rely on them for quality and innovation.", imageSrc: "http://img.b2bpic.net/free-photo/information-phone-focus-corporate-suit_1258-117.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Li Wei",
|
||||
handle: "@LiW",
|
||||
testimonial: "A truly professional and trustworthy trading partner. Their dedication to client satisfaction is evident in every single transaction.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-attractive-asian-businesswoman-looking-camera-head-shot-portrait_1163-4734.jpg",
|
||||
},
|
||||
id: "t4", name: "Li Wei", handle: "@LiW", testimonial: "A truly professional and trustworthy trading partner. Their dedication to client satisfaction is evident in every single transaction.", imageSrc: "http://img.b2bpic.net/free-photo/confident-attractive-asian-businesswoman-looking-camera-head-shot-portrait_1163-4734.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Fatima Zahra",
|
||||
handle: "@FatimaZ",
|
||||
testimonial: "Seamless transactions and excellent communication. Ayass General Trading is our go-to for all import-export needs; they always deliver.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",
|
||||
},
|
||||
id: "t5", name: "Fatima Zahra", handle: "@FatimaZ", testimonial: "Seamless transactions and excellent communication. Ayass General Trading is our go-to for all import-export needs; they always deliver.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from our partners about their experiences working with Ayass General Trading LLC and the value we consistently deliver."
|
||||
@@ -346,23 +218,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What types of products do you trade?",
|
||||
content: "We trade a wide array of products including agricultural produce, industrial raw materials, electronics, building materials, food & beverages, and textiles. Our portfolio is continuously expanding.",
|
||||
},
|
||||
id: "q1", title: "What types of products do you trade?", content: "We trade a wide array of products including agricultural produce, industrial raw materials, electronics, building materials, food & beverages, and textiles. Our portfolio is continuously expanding."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Which regions do you operate in?",
|
||||
content: "Our operations span across the Middle East, Asia, Africa, and Europe, with a robust network of suppliers and distributors globally to ensure comprehensive coverage.",
|
||||
},
|
||||
id: "q2", title: "Which regions do you operate in?", content: "Our operations span across the Middle East, Asia, Africa, and Europe, with a robust network of suppliers and distributors globally to ensure comprehensive coverage."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do you ensure product quality?",
|
||||
content: "We adhere to strict quality control standards, working only with certified suppliers and conducting thorough inspections at every stage of the supply chain, from sourcing to delivery.",
|
||||
},
|
||||
id: "q3", title: "How do you ensure product quality?", content: "We adhere to strict quality control standards, working only with certified suppliers and conducting thorough inspections at every stage of the supply chain, from sourcing to delivery."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="reveal-blur"
|
||||
faqsAnimation="blur-reveal"
|
||||
textPosition="left"
|
||||
/>
|
||||
</div>
|
||||
@@ -371,14 +234,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
text="Ready to explore new trading opportunities? Connect with Ayass General Trading LLC today and let's build success together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in Touch",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get in Touch", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -391,49 +251,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com/ayass",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com/ayass"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user