Merge version_1 into main #1
349
src/app/page.tsx
349
src/app/page.tsx
@@ -26,252 +26,125 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Sectors",
|
||||
id: "sectors",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Alkodmani Group"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About Us", id: "about" },
|
||||
{ name: "Sectors", id: "sectors" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Alkodmani Group"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Alkodmani Group | مجموعة القضماني"
|
||||
description="Built for Continuity. Designed for Growth. | أُنشئنا لنبقى"
|
||||
tag="Our Identity"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transparent-elevator-underground-passage_1339-6340.jpg",
|
||||
imageAlt: "elegant corporate architecture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-rose-brown-earth-tone-background_53876-129687.jpg",
|
||||
imageAlt: "abstract geometric pattern syrian influence",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-floor-front-modern-building_1127-2888.jpg",
|
||||
imageAlt: "empty floor front of modern building",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-house-entrance_23-2149445336.jpg",
|
||||
imageAlt: "Japanese house entrance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-3166.jpg",
|
||||
imageAlt: "exterior of modern buildings",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
rating={5}
|
||||
ratingText="Decades of Vision"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Alkodmani Group | مجموعة القضماني"
|
||||
description="Built for Continuity. Designed for Growth. | أُنشئنا لنبقى"
|
||||
tag="Our Identity"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/transparent-elevator-underground-passage_1339-6340.jpg", imageAlt: "elegant corporate architecture" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gold-rose-brown-earth-tone-background_53876-129687.jpg", imageAlt: "abstract geometric pattern syrian influence" }
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
rating={5}
|
||||
ratingText="Decades of Vision"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="A business brand rooted in heritage, committed to quality, and built for long-term development."
|
||||
tagIcon={Building2}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="A business brand rooted in heritage, committed to quality, and built for long-term development."
|
||||
tagIcon={Building2}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="vision" data-section="vision">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="Our Vision"
|
||||
title="We build a lasting business presence by combining tradition, professionalism, and future growth."
|
||||
tagIcon={Eye}
|
||||
/>
|
||||
</div>
|
||||
<div id="vision" data-section="vision">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="Our Vision"
|
||||
title="We build a lasting business presence by combining tradition, professionalism, and future growth."
|
||||
tagIcon={Eye}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="values" data-section="values">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Continuity",
|
||||
description: "Designed to last across generations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoors-banquet-tableware-event-concept_53876-41410.jpg",
|
||||
},
|
||||
{
|
||||
title: "Endurance",
|
||||
description: "Resilience in all business sectors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roasted-aromatic-coffee-beans-paper-background-making-fresh-espresso-closeup-selective-focus-vertical-frame_166373-2313.jpg",
|
||||
},
|
||||
{
|
||||
title: "Growth",
|
||||
description: "Sustainable and thoughtful development.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-standing-his-three-coworkers-construction-site_259150-60514.jpg",
|
||||
},
|
||||
{
|
||||
title: "Integrity",
|
||||
description: "Unwavering commitment to moral business practices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-holding-coffee-beans_23-2149045693.jpg",
|
||||
},
|
||||
{
|
||||
title: "Heritage",
|
||||
description: "Honoring the legacy of our founders.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458072.jpg",
|
||||
},
|
||||
]}
|
||||
title="Core Values"
|
||||
description="The pillars of our endurance."
|
||||
/>
|
||||
</div>
|
||||
<div id="values" data-section="values">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Continuity", description: "Designed to last across generations.", imageSrc: "http://img.b2bpic.net/free-photo/indoors-banquet-tableware-event-concept_53876-41410.jpg" },
|
||||
{ title: "Endurance", description: "Resilience in all business sectors.", imageSrc: "http://img.b2bpic.net/free-photo/roasted-aromatic-coffee-beans-paper-background-making-fresh-espresso-closeup-selective-focus-vertical-frame_166373-2313.jpg" },
|
||||
{ title: "Growth", description: "Sustainable and thoughtful development.", imageSrc: "http://img.b2bpic.net/free-photo/worker-standing-his-three-coworkers-construction-site_259150-60514.jpg" },
|
||||
{ title: "Integrity", description: "Unwavering commitment to moral business practices.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-holding-coffee-beans_23-2149045693.jpg" },
|
||||
{ title: "Heritage", description: "Honoring the legacy of our founders.", imageSrc: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458072.jpg" }
|
||||
]}
|
||||
title="Core Values"
|
||||
description="The pillars of our endurance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="sectors" data-section="sectors">
|
||||
<FeatureCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Food & Restaurants",
|
||||
description: "Quality culinary experiences.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-uniform-garnishes-dish-with-herbs-leaves-spices_482257-124611.jpg",
|
||||
},
|
||||
{
|
||||
title: "Coffee & Beverages",
|
||||
description: "Excellence in every cup.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg",
|
||||
},
|
||||
{
|
||||
title: "Construction",
|
||||
description: "Building the future.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-document-looking-questioningly-man_259150-57742.jpg",
|
||||
},
|
||||
{
|
||||
title: "Fashion",
|
||||
description: "Refined apparel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-tailor-s-workplace-with-sewing-machine-sewing-workshop_613910-19017.jpg",
|
||||
},
|
||||
{
|
||||
title: "Wellness",
|
||||
description: "Holistic skincare & wellness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-asian-woman-posing-towel-after-shower_197531-19624.jpg",
|
||||
},
|
||||
]}
|
||||
title="Business Sectors"
|
||||
description="Our current and planned areas of focus."
|
||||
/>
|
||||
</div>
|
||||
<div id="sectors" data-section="sectors">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Food & Restaurants", description: "Quality culinary experiences.", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-uniform-garnishes-dish-with-herbs-leaves-spices_482257-124611.jpg" },
|
||||
{ title: "Coffee & Beverages", description: "Excellence in every cup.", imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg" },
|
||||
{ title: "Construction", description: "Building the future.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-document-looking-questioningly-man_259150-57742.jpg" },
|
||||
{ title: "Fashion", description: "Refined apparel.", imageSrc: "http://img.b2bpic.net/free-photo/image-tailor-s-workplace-with-sewing-machine-sewing-workshop_613910-19017.jpg" },
|
||||
{ title: "Wellness", description: "Holistic skincare & wellness.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-asian-woman-posing-towel-after-shower_197531-19624.jpg" }
|
||||
]}
|
||||
title="Business Sectors"
|
||||
description="Our current and planned areas of focus."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Long-term",
|
||||
title: "Thinking",
|
||||
description: "Focusing on tomorrow.",
|
||||
icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Reliable",
|
||||
title: "Quality",
|
||||
description: "Consistent standards.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Heritage",
|
||||
title: "Respect",
|
||||
description: "Honoring our roots.",
|
||||
icon: History,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Strategic",
|
||||
title: "Growth",
|
||||
description: "Expanding our horizon.",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "Global",
|
||||
title: "Reach",
|
||||
description: "Connecting diverse markets.",
|
||||
icon: Globe,
|
||||
},
|
||||
]}
|
||||
title="Why Alkodmani?"
|
||||
description="Built on a foundation of reliability and vision."
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "Long-term", title: "Thinking", description: "Focusing on tomorrow.", icon: Lightbulb },
|
||||
{ id: "m2", value: "Reliable", title: "Quality", description: "Consistent standards.", icon: CheckCircle },
|
||||
{ id: "m3", value: "Heritage", title: "Respect", description: "Honoring our roots.", icon: History },
|
||||
{ id: "m4", value: "Strategic", title: "Growth", description: "Expanding our horizon.", icon: TrendingUp },
|
||||
{ id: "m5", value: "Global", title: "Reach", description: "Connecting diverse markets.", icon: Globe }
|
||||
]}
|
||||
title="Why Alkodmani?"
|
||||
description="Built on a foundation of reliability and vision."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Get in touch with us to discuss our future collaborations and business opportunities."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
text="Get in touch with us to discuss our future collaborations and business opportunities."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/town-square_1359-1055.jpg"
|
||||
logoText="Alkodmani Group"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Vision",
|
||||
href: "#vision",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Sectors",
|
||||
items: [
|
||||
{
|
||||
label: "Food",
|
||||
href: "#sectors",
|
||||
},
|
||||
{
|
||||
label: "Construction",
|
||||
href: "#sectors",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/town-square_1359-1055.jpg"
|
||||
logoText="Alkodmani Group"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Vision", href: "#vision" }] },
|
||||
{ title: "Sectors", items: [{ label: "Food", href: "#sectors" }, { label: "Construction", href: "#sectors" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user