365 lines
12 KiB
TypeScript
365 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import { Shield } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="medium"
|
||
sizing="medium"
|
||
background="aurora"
|
||
cardStyle="gradient-mesh"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "home",
|
||
},
|
||
{
|
||
name: "About",
|
||
id: "about",
|
||
},
|
||
{
|
||
name: "Services",
|
||
id: "services",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="ΒΕΝΕΤΗ Μ. & ΣΙΑ ΟΕ"
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroSplitDualMedia
|
||
background={{
|
||
variant: "gradient-bars",
|
||
}}
|
||
title="Excellence in Every Detail"
|
||
description="ΒΕΝΕΤΗ Μ. & ΣΙΑ ΟΕ provides premium business solutions built on integrity, precision, and decades of expertise."
|
||
tag="Industry Leaders"
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/successful-corporate-businesswoman_23-2147702109.jpg?_wi=1",
|
||
imageAlt: "corporate professional office building",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-skyscraper-frankfurt-downtown-germany_1268-20906.jpg",
|
||
imageAlt: "corporate professional office building",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/modern-mirror-building_1150-12657.jpg",
|
||
imageAlt: "modern mirror building",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photography-curtain-wall-high-rise-building_395237-271.jpg",
|
||
imageAlt: "Close-up photography of curtain wall high-rise building",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-reflecting-water_23-2151991993.jpg",
|
||
imageAlt: "Modern skyscrapers reflecting in water",
|
||
},
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
rating={5}
|
||
ratingText="Trusted by over 500+ partners"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TestimonialAboutCard
|
||
useInvertedBackground={true}
|
||
tag="Our Story"
|
||
title="Dedicated to Quality"
|
||
description="ΒΕΝΕΤΗ Μ. & ΣΙΑ ΟΕ represents a commitment to superior service and operational excellence in our field."
|
||
subdescription="Our team combines traditional expertise with modern efficiency to solve your most complex business challenges."
|
||
icon={Shield}
|
||
imageSrc="http://img.b2bpic.net/free-photo/african-man-black-suit_1157-45552.jpg?_wi=1"
|
||
mediaAnimation="opacity"
|
||
imageAlt="professional team working together"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentySix
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Strategic Planning",
|
||
description: "High-level analysis for sustained growth.",
|
||
buttonIcon: "Zap",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/glass-designed-building-view_23-2148230382.jpg",
|
||
imageAlt: "Glass designed building view",
|
||
},
|
||
{
|
||
title: "Risk Management",
|
||
description: "Protecting your enterprise assets.",
|
||
buttonIcon: "Shield",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/successful-corporate-businesswoman_23-2147702109.jpg?_wi=2",
|
||
imageAlt: "Glass designed building view",
|
||
},
|
||
{
|
||
title: "Operation Optimization",
|
||
description: "Streamlining your daily processes.",
|
||
buttonIcon: "Settings",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/african-man-black-suit_1157-45552.jpg?_wi=2",
|
||
imageAlt: "Glass designed building view",
|
||
},
|
||
{
|
||
title: "Corporate Compliance",
|
||
description: "Navigating complex legal frameworks.",
|
||
buttonIcon: "CheckCircle",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-green-shirt-smiling-cheerfully-holding-hands-together-looking-camera-standing-brown-background_141793-133743.jpg?_wi=1",
|
||
imageAlt: "Glass designed building view",
|
||
},
|
||
]}
|
||
title="Comprehensive Business Solutions"
|
||
description="We offer a suite of specialized services designed to drive growth and operational stability."
|
||
/>
|
||
</div>
|
||
|
||
<div id="expertise" data-section="expertise">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "1",
|
||
name: "Analysis",
|
||
price: "Expertise",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-businesspeople-using-laptop-digital-tablet_23-2147838551.jpg",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Consulting",
|
||
price: "Premium",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-colleagues-working-covid_23-2148616739.jpg",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Management",
|
||
price: "Strategic",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/computer-laptops-table-meeting-room_1421-510.jpg",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Compliance",
|
||
price: "Certified",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173746.jpg",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Logistics",
|
||
price: "Efficient",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-group-three-businesspeople-meeting-modern-office-two-caucasian-women-black-man-wearing-suit-looking-laptop-computer_1139-966.jpg",
|
||
},
|
||
{
|
||
id: "6",
|
||
name: "Development",
|
||
price: "Innovative",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/student-desk-with-computer-books-notepads-wooden-table_169016-49051.jpg",
|
||
},
|
||
]}
|
||
title="Our Specialized Focus"
|
||
description="Delivering excellence through precise specialized services."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSix
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "John Doe",
|
||
handle: "@partner",
|
||
testimonial: "Exceptional reliability and service standards.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-green-shirt-smiling-cheerfully-holding-hands-together-looking-camera-standing-brown-background_141793-133743.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Jane Smith",
|
||
handle: "@client",
|
||
testimonial: "They truly understand our market challenges.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-man-holding-tablet_23-2148673421.jpg",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Alex Brown",
|
||
handle: "@business",
|
||
testimonial: "Professional, efficient, and highly transparent.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Sarah Lee",
|
||
handle: "@executive",
|
||
testimonial: "A pivotal partner for our growth strategy.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-smiling_23-2147985511.jpg",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Mike Ross",
|
||
handle: "@lead",
|
||
testimonial: "Consistent results delivered with expertise.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/organization-professional-cooperation-staff-woman_1262-2085.jpg",
|
||
},
|
||
]}
|
||
title="Client Perspectives"
|
||
description="What industry leaders say about our commitment."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
faqs={[
|
||
{
|
||
id: "q1",
|
||
title: "How do we start?",
|
||
content: "Contact us for an initial strategic consultation.",
|
||
},
|
||
{
|
||
id: "q2",
|
||
title: "What industries served?",
|
||
content: "We support a diverse range of corporate partners.",
|
||
},
|
||
{
|
||
id: "q3",
|
||
title: "Are you compliant?",
|
||
content: "We adhere to all major regulatory standards.",
|
||
},
|
||
]}
|
||
title="Questions Answered"
|
||
description="Clear answers to the most common queries regarding our operations."
|
||
faqsAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardSeven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "m1",
|
||
value: "20+",
|
||
title: "Years Experience",
|
||
items: [
|
||
"Deep market knowledge",
|
||
"Stable foundation",
|
||
],
|
||
},
|
||
{
|
||
id: "m2",
|
||
value: "500+",
|
||
title: "Completed Projects",
|
||
items: [
|
||
"Diverse portfolio",
|
||
"Proven track record",
|
||
],
|
||
},
|
||
{
|
||
id: "m3",
|
||
value: "98%",
|
||
title: "Client Retention",
|
||
items: [
|
||
"Long-term stability",
|
||
"High satisfaction",
|
||
],
|
||
},
|
||
]}
|
||
title="Proven Impact"
|
||
description="Measurable results driven by our core team."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "rotated-rays-static",
|
||
}}
|
||
tag="Get in Touch"
|
||
title="Let's Collaborate"
|
||
description="Send us an inquiry and a professional will assist you."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="ΒΕΝΕΤΗ Μ. & ΣΙΑ ΟΕ"
|
||
columns={[
|
||
{
|
||
title: "Company",
|
||
items: [
|
||
{
|
||
label: "About Us",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "Services",
|
||
href: "#services",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Legal",
|
||
items: [
|
||
{
|
||
label: "Privacy Policy",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Terms",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Contact",
|
||
items: [
|
||
{
|
||
label: "Direct Inquiry",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|