Merge version_1 into main #1

Merged
bender merged 4 commits from version_1 into main 2026-05-10 19:27:49 +00:00
4 changed files with 67 additions and 398 deletions

View File

@@ -7,7 +7,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import LegalSection from '@/components/legal/LegalSection';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -25,36 +25,15 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About Us",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Track Order",
id: "/track",
},
{
name: "FAQ",
id: "/faq",
},
{
name: "Contact Us",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About Us", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Track Order", id: "/track" },
{ name: "FAQ", id: "/faq" },
{ name: "Contact Us", id: "/contact" }
]}
brandName="Cloud Shelf"
button={{
text: "Join Now",
href: "/join",
}}
button={{ text: "Join Now", href: "/join" }}
/>
</div>
@@ -63,13 +42,7 @@ export default function LandingPage() {
layout="page"
title="Contact Us"
sections={[
{
heading: "Office Locations",
content: {
type: "paragraph",
text: "Riyadh, Jeddah, Dammam",
},
},
{ heading: "Office Locations", content: { text: "Riyadh, Jeddah, Dammam" } }
]}
/>
</div>
@@ -81,15 +54,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Business Inquiries"
description="For partnerships and sales."
features={[
{
id: "c1",
title: "Sales Email",
subtitle: "sales@cloudshelf.com",
category: "Sales",
value: "Fast response",
},
]}
features={[{ id: "c1", title: "Sales Email", subtitle: "sales@cloudshelf.com", category: "Sales", value: "Fast response" }]}
/>
</div>
@@ -97,36 +62,12 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="Cloud Shelf"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "FAQ",
href: "/faq",
},
],
},
{
title: "Support",
items: [
{
label: "Track Order",
href: "/track",
},
{
label: "Contact",
href: "/contact",
},
],
},
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "FAQ", href: "/faq" }] },
{ title: "Support", items: [{ label: "Track Order", href: "/track" }, { label: "Contact", href: "/contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -7,7 +7,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import LegalSection from '@/components/legal/LegalSection';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
export default function LandingPage() {
export default function FAQPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -25,36 +25,15 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About Us",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Track Order",
id: "/track",
},
{
name: "FAQ",
id: "/faq",
},
{
name: "Contact Us",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About Us", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Track Order", id: "/track" },
{ name: "FAQ", id: "/faq" },
{ name: "Contact Us", id: "/contact" }
]}
brandName="Cloud Shelf"
button={{
text: "Join Now",
href: "/join",
}}
button={{ text: "Join Now", href: "/join" }}
/>
</div>
@@ -63,13 +42,7 @@ export default function LandingPage() {
layout="page"
title="Frequently Asked Questions"
sections={[
{
heading: "General Information",
content: {
type: "paragraph",
text: "Cloud Shelf is the leading logistics provider.",
},
},
{ heading: "General Information", content: { text: "Cloud Shelf is the leading logistics provider." } }
]}
/>
</div>
@@ -81,15 +54,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Need More Help?"
description="Contact our support team anytime."
features={[
{
id: "f1",
title: "24/7 Support",
subtitle: "Always available",
category: "Support",
value: "Instant",
},
]}
features={[{ id: "f1", title: "24/7 Support", subtitle: "Always available", category: "Support", value: "Instant" }]}
/>
</div>
@@ -97,36 +62,12 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="Cloud Shelf"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "FAQ",
href: "/faq",
},
],
},
{
title: "Support",
items: [
{
label: "Track Order",
href: "/track",
},
{
label: "Contact",
href: "/contact",
},
],
},
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "FAQ", href: "/faq" }] },
{ title: "Support", items: [{ label: "Track Order", href: "/track" }, { label: "Contact", href: "/contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -7,7 +7,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import LegalSection from '@/components/legal/LegalSection';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
export default function LandingPage() {
export default function JoinPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -25,36 +25,15 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About Us",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Track Order",
id: "/track",
},
{
name: "FAQ",
id: "/faq",
},
{
name: "Contact Us",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About Us", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Track Order", id: "/track" },
{ name: "FAQ", id: "/faq" },
{ name: "Contact Us", id: "/contact" }
]}
brandName="Cloud Shelf"
button={{
text: "Join Now",
href: "/join",
}}
button={{ text: "Join Now", href: "/join" }}
/>
</div>
@@ -65,15 +44,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Why Join Us?"
description="Scale your brand with ease."
features={[
{
id: "j1",
title: "Easy Signup",
subtitle: "Under 5 minutes",
category: "Join",
value: "Ready to scale",
},
]}
features={[{ id: "j1", title: "Easy Signup", subtitle: "Under 5 minutes", category: "Join", value: "Ready to scale" }]}
/>
</div>
@@ -82,17 +53,7 @@ export default function LandingPage() {
layout="page"
title="Onboarding Process"
sections={[
{
heading: "How to join",
content: {
type: "numbered-list",
items: [
"Sign up online",
"Choose plan",
"Start shipping",
],
},
},
{ heading: "How to join", content: { items: ["Sign up online", "Choose plan", "Start shipping"] } }
]}
/>
</div>
@@ -101,36 +62,12 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="Cloud Shelf"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "FAQ",
href: "/faq",
},
],
},
{
title: "Support",
items: [
{
label: "Track Order",
href: "/track",
},
{
label: "Contact",
href: "/contact",
},
],
},
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "FAQ", href: "/faq" }] },
{ title: "Support", items: [{ label: "Track Order", href: "/track" }, { label: "Contact", href: "/contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -27,74 +27,28 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About Us",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Track Order",
id: "/track",
},
{
name: "FAQ",
id: "/faq",
},
{
name: "Contact Us",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About Us", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Track Order", id: "/track" },
{ name: "FAQ", id: "/faq" },
{ name: "Contact Us", id: "/contact" }
]}
brandName="Cloud Shelf"
button={{
text: "Join Now",
href: "/join",
}}
button={{ text: "Join Now", href: "/join" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Imagine… You have a branch everywhere!"
description="We simplify your entire ecommerce selling and delivery operations"
tag="Logistics Technology"
buttons={[
{
text: "Open Your Branch Now",
href: "/join",
},
]}
buttons={[{ text: "Open Your Branch Now", href: "/join" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-working-laptop-workers-warehouse_259150-56902.jpg",
imageAlt: "Logistics Operations",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/server-room-arrays-processing-neural-network-datasets_482257-124389.jpg",
imageAlt: "Logistics Fleet",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-overalls-with-hands-belt-looking-up_259150-56912.jpg",
imageAlt: "Man in overalls with hands on belt looking up",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-warehouse-worker-protective-uniform-checking-goods-distribution-market_342744-1527.jpg",
imageAlt: "Portrait of warehouse worker",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/black-female-warehouse-worker-inspecting-merchandise-industrial-storage-compartment_637285-4659.jpg",
imageAlt: "Black female warehouse worker",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-working-laptop-workers-warehouse_259150-56902.jpg", imageAlt: "Logistics Operations" },
{ imageSrc: "http://img.b2bpic.net/free-photo/server-room-arrays-processing-neural-network-datasets_482257-124389.jpg", imageAlt: "Logistics Fleet" }
]}
mediaAnimation="blur-reveal"
rating={5}
@@ -107,30 +61,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Ultra Fast Delivery",
description: "Delivery within 180 minutes max",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-guys-holding-box_23-2148773422.jpg",
imageAlt: "Fast Delivery",
},
{
title: "Storage Solutions",
description: "Dry, chilled, frozen storage",
imageSrc: "http://img.b2bpic.net/free-photo/delivery-robot-futuristic-environment_23-2151189307.jpg",
imageAlt: "Warehouse Storage",
},
{
title: "Geographical Coverage",
description: "Distributed branches across Saudi Arabia",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16077.jpg",
imageAlt: "Saudi Distribution",
},
{
title: "Sales Channels",
description: "Appear in delivery apps as nearest store",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827235.jpg",
imageAlt: "App Integration",
},
{ title: "Ultra Fast Delivery", description: "Delivery within 180 minutes max", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-guys-holding-box_23-2148773422.jpg", imageAlt: "Fast Delivery" },
{ title: "Storage Solutions", description: "Dry, chilled, frozen storage", imageSrc: "http://img.b2bpic.net/free-photo/delivery-robot-futuristic-environment_23-2151189307.jpg", imageAlt: "Warehouse Storage" },
{ title: "Geographical Coverage", description: "Distributed branches across Saudi Arabia", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16077.jpg", imageAlt: "Saudi Distribution" },
{ title: "Sales Channels", description: "Appear in delivery apps as nearest store", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827235.jpg", imageAlt: "App Integration" }
]}
title="How Cloud Shelf Increases Your Sales"
description="Smart logistics solutions designed for your growth."
@@ -142,30 +76,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Storage",
description: "Premium warehouse racks",
imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workplace-scheduling-rama-gateway-company_1417-1117.jpg",
imageAlt: "Storage",
},
{
title: "Inventory Management",
description: "Smart inventory tracking",
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-scanning-stock-from-storehouse-shelves-working-with-scanner-inventory-check-logistics-supplies-female-employee-using-tablet-scan-bar-code-merchandise-handheld-shot_482257-62660.jpg",
imageAlt: "Inventory",
},
{
title: "Fulfillment",
description: "Order packing and preparation",
imageSrc: "http://img.b2bpic.net/free-photo/men-warehouse-working_23-2148886839.jpg",
imageAlt: "Fulfillment",
},
{
title: "Delivery",
description: "Professional courier fleet",
imageSrc: "http://img.b2bpic.net/free-photo/delivery-girl-carrying-box-customer_23-2147767732.jpg",
imageAlt: "Delivery",
},
{ title: "Storage", description: "Premium warehouse racks", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workplace-scheduling-rama-gateway-company_1417-1117.jpg", imageAlt: "Storage" },
{ title: "Inventory Management", description: "Smart inventory tracking", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-scanning-stock-from-storehouse-shelves-working-with-scanner-inventory-check-logistics-supplies-female-employee-using-tablet-scan-bar-code-merchandise-handheld-shot_482257-62660.jpg", imageAlt: "Inventory" },
{ title: "Fulfillment", description: "Order packing and preparation", imageSrc: "http://img.b2bpic.net/free-photo/men-warehouse-working_23-2148886839.jpg", imageAlt: "Fulfillment" },
{ title: "Delivery", description: "Professional courier fleet", imageSrc: "http://img.b2bpic.net/free-photo/delivery-girl-carrying-box-customer_23-2147767732.jpg", imageAlt: "Delivery" }
]}
title="Integrated Logistics Services"
description="End-to-end management for ecommerce."
@@ -181,38 +95,10 @@ export default function LandingPage() {
title="What Our Partners Say"
description="See how brands are growing with Cloud Shelf."
testimonials={[
{
id: "1",
name: "Khalid A.",
role: "Operations Manager",
company: "KSA Retail",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-warehouse-worker-smiling-looking-front_342744-1533.jpg",
},
{
id: "2",
name: "Sara M.",
role: "Founder",
company: "Moda Online",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
},
{
id: "3",
name: "Ahmed Z.",
role: "Logistics Lead",
company: "Tech Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-administrator-uses-green-screen-tablet-explore-new-growth-strategy_482257-126533.jpg",
},
{
id: "4",
name: "Laila B.",
role: "Manager",
company: "Fresh Eats",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technician-using-tablet-improve-solar-panels-efficiency_482257-124990.jpg",
},
{ id: "1", name: "Khalid A.", role: "Operations Manager", company: "KSA Retail", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-warehouse-worker-smiling-looking-front_342744-1533.jpg" },
{ id: "2", name: "Sara M.", role: "Founder", company: "Moda Online", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg" },
{ id: "3", name: "Ahmed Z.", role: "Logistics Lead", company: "Tech Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-administrator-uses-green-screen-tablet-explore-new-growth-strategy_482257-126533.jpg" },
{ id: "4", name: "Laila B.", role: "Manager", company: "Fresh Eats", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technician-using-tablet-improve-solar-panels-efficiency_482257-124990.jpg" }
]}
/>
</div>
@@ -225,20 +111,8 @@ export default function LandingPage() {
title="Tech System Dashboard"
description="Real-time visibility into your inventory and sales performance."
features={[
{
id: "dash-1",
title: "Order Analytics",
subtitle: "Real-time trends",
category: "Data",
value: "99.9% uptime",
},
{
id: "dash-2",
title: "API Integration",
subtitle: "Seamless connection",
category: "Tech",
value: "Secure",
},
{ id: "dash-1", title: "Order Analytics", subtitle: "Real-time trends", category: "Data", value: "99.9% uptime" },
{ id: "dash-2", title: "API Integration", subtitle: "Seamless connection", category: "Tech", value: "Secure" }
]}
/>
</div>
@@ -247,36 +121,12 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="Cloud Shelf"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "FAQ",
href: "/faq",
},
],
},
{
title: "Support",
items: [
{
label: "Track Order",
href: "/track",
},
{
label: "Contact",
href: "/contact",
},
],
},
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "FAQ", href: "/faq" }] },
{ title: "Support", items: [{ label: "Track Order", href: "/track" }, { label: "Contact", href: "/contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}