233 lines
12 KiB
TypeScript
233 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { Heart, Mail, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLarge"
|
|
background="none"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Portfolio", id: "portfolio" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Get Started", href: "contact" }}
|
|
brandName="Zetta"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Premium Web Design That Elevates Your Brand"
|
|
description="We craft beautiful, functional digital experiences that captivate audiences and drive real results. From concept to launch, we bring your vision to life with precision and creativity."
|
|
tag="Web Design Excellence"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/group-business-executives-interacting-with-each-other_1170-760.jpg"
|
|
imageAlt="Zetta web design agency workspace"
|
|
imagePosition="right"
|
|
mediaAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Andris Kalniņš", handle: "CEO, TechFlow Latvia", testimonial: "Zetta completely transformed our digital presence. Their attention to detail and creative vision exceeded our expectations.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg?_wi=1"
|
|
},
|
|
{
|
|
name: "Laura Grigale", handle: "Founder, Creative Studio", testimonial: "Working with Zetta was seamless. They understood our brand perfectly and delivered a website that reflects our values.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg?_wi=1"
|
|
},
|
|
{
|
|
name: "Jānis Ozoliņš", handle: "Marketing Director, Riga Digital", testimonial: "Outstanding design and exceptional customer service. Zetta set a new standard for web design agencies in Latvia.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg?_wi=1"
|
|
},
|
|
{
|
|
name: "Ieva Sūna", handle: "Startup Founder, InnovateLV", testimonial: "From concept to deployment, Zetta was professional, creative, and results-driven. Highly recommended!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg?_wi=1"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "View Our Work", href: "portfolio" },
|
|
{ text: "Schedule Consultation", href: "contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "We are Zetta, a" },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/young-happy-colleagues-sitting-office-coworking_171337-17717.jpg", alt: "Zetta agency team" },
|
|
{ type: "text", content: "web design agency dedicated to creating elegant digital solutions that empower businesses across Latvia and beyond." }
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn Our Process", href: "#services" },
|
|
{ text: "Contact Us", href: "contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFour
|
|
title="Our Services"
|
|
description="We offer comprehensive web design and digital solutions tailored to your unique business needs."
|
|
tag="Design Services"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "web-design", title: "Web Design & Development", author: "Custom Digital Solutions", description: "Beautiful, responsive websites built with modern technologies. We create digital experiences that engage users and achieve measurable business results.", tags: ["UI/UX", "Development", "Responsive"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-landing-page_52683-70252.jpg", imageAlt: "Web design interface"
|
|
},
|
|
{
|
|
id: "branding", title: "Brand Identity & Strategy", author: "Visual Communication", description: "Comprehensive branding solutions including logo design, brand guidelines, and visual identity systems that make your brand memorable.", tags: ["Branding", "Strategy", "Identity"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card_23-2149277811.jpg", imageAlt: "Brand identity design"
|
|
},
|
|
{
|
|
id: "mobile-apps", title: "Mobile App Design", author: "App Experience Design", description: "Intuitive mobile applications designed for iOS and Android. We focus on user experience to create apps that users love.", tags: ["iOS", "Android", "UX Design"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/mobile-app-development-concept-user-interface-design-ui-ux_1419-2259.jpg", imageAlt: "Mobile app interface"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardTwo
|
|
title="Recent Projects"
|
|
description="Explore some of our latest web design projects that showcase our expertise and creativity."
|
|
tag="Case Studies"
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "project-1", brand: "Zetta Design", name: "E-Commerce Platform Redesign", price: "Completed 2024", rating: 5,
|
|
reviewCount: "350% conversion increase", imageSrc: "http://img.b2bpic.net/free-vector/landing-page-template-with-color-year-2022_23-2149217369.jpg", imageAlt: "E-commerce platform project"
|
|
},
|
|
{
|
|
id: "project-2", brand: "Zetta Design", name: "Tech Startup Brand Identity", price: "Completed 2024", rating: 5,
|
|
reviewCount: "120% increase in brand engagement", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-geometric-pattern-landing-page_23-2149961025.jpg", imageAlt: "Tech startup branding"
|
|
},
|
|
{
|
|
id: "project-3", brand: "Zetta Design", name: "Mobile-First Web Application", price: "Completed 2023", rating: 5,
|
|
reviewCount: "85% user retention rate", imageSrc: "http://img.b2bpic.net/free-vector/furniture-shop-ui-app-template_47987-1879.jpg", imageAlt: "Mobile web application"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
cardTitle="Trusted by leading companies and startups across Latvia and Europe"
|
|
cardTag="Client Success Stories"
|
|
cardTagIcon={Heart}
|
|
cardAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "client-1", name: "Andris Kalniņš", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg?_wi=2", imageAlt: "Andris Kalniņš"
|
|
},
|
|
{
|
|
id: "client-2", name: "Laura Grigale", imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg?_wi=2", imageAlt: "Laura Grigale"
|
|
},
|
|
{
|
|
id: "client-3", name: "Jānis Ozoliņš", imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg?_wi=2", imageAlt: "Jānis Ozoliņš"
|
|
},
|
|
{
|
|
id: "client-4", name: "Ieva Sūna", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg?_wi=2", imageAlt: "Ieva Sūna"
|
|
}
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Let's Connect"
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
title="Ready to elevate your brand?"
|
|
description="Get in touch with our team to discuss your project, ask questions, or schedule a consultation. We're excited to collaborate with you."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Get Started"
|
|
termsText="We respect your privacy. Your information will never be shared or sold. Unsubscribe anytime."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Zetta"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Web Design", href: "#services" },
|
|
{ label: "Branding", href: "#services" },
|
|
{ label: "Mobile Apps", href: "#services" },
|
|
{ label: "Development", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Portfolio", href: "#portfolio" },
|
|
{ label: "Team", href: "#" },
|
|
{ label: "Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Email", href: "mailto:hello@zetta.lv" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Sitemap", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Zetta. All rights reserved. Designed and developed with excellence."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|