1 Commits

Author SHA1 Message Date
e2d06a307a Update src/app/page.tsx 2026-05-17 14:11:27 +00:00

View File

@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import TeamCardSix from '@/components/sections/team/TeamCardSix'; import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Shield } from "lucide-react"; import { Coffee, MapPin, Clock, CalendarDays } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -33,97 +33,42 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "About", name: "Menu", id: "features"},
id: "about",
},
{ {
name: "Features", name: "About", id: "about"},
id: "features",
},
{ {
name: "Testimonials", name: "FAQ", id: "faq"},
id: "testimonials",
},
{ {
name: "Contact", name: "Visit", id: "contact"},
id: "contact",
},
]} ]}
brandName="Kaytama" brandName="Kaytama Cafe"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroSplit
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}} title="Brewing Perfection Every Day"
title="Empowering Your Digital Future" description="Welcome to Kaytama Cafe, your local sanctuary for artisanal coffee, fresh pastries, and a warm community atmosphere."
description="Kaytama delivers high-performance software solutions to scale your business into the next era of innovation."
buttons={[ buttons={[
{ {
text: "Get Started", text: "Order Online", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg" imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-table_144627-18458.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",
alt: "Businessman studying infographics and performance metrics",
},
{
src: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
alt: "Woman watching business conference on computer screen looking over statistics",
},
{
src: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
alt: "Student at home taking notes while watching presentation closeup",
},
{
src: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",
alt: "Empty startup office displays statistics",
},
{
src: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg",
alt: "saas dashboard interface blue light",
},
]}
marqueeItems={[
{
type: "text",
text: "Cloud-Native",
},
{
type: "text",
text: "Secure Infrastructure",
},
{
type: "text",
text: "Scalable Analytics",
},
{
type: "text",
text: "Global Reach",
},
{
type: "text",
text: "Rapid Deployment",
},
]}
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TestimonialAboutCard <TestimonialAboutCard
useInvertedBackground={false} useInvertedBackground={false}
tag="About Kaytama" tag="Our Story"
title="We build smarter technology." title="Coffee with a Purpose"
description="Kaytama provides seamless digital transformation strategies designed to help enterprise leaders overcome complex technical challenges." description="Kaytama Cafe was born from a passion for ethically sourced beans and a commitment to creating a space where people can connect."
subdescription="Our expertise spans across cloud infrastructure, custom application development, and data security, all tailored to meet your unique needs." subdescription="We partner with small-scale farmers to ensure every cup supports sustainable practices and fair wages for growers."
icon={Shield} icon={Coffee}
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-gathering-her-office-belongings-box-after-getting-fired_482257-123949.jpg" imageSrc="http://img.b2bpic.net/free-photo/barista-making-coffee-shop_23-2148753232.jpg"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
/> />
</div> </div>
@@ -135,41 +80,17 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
id: "f1", id: "f1", title: "Signature Roasts", author: "Barista Picks", description: "Hand-picked beans roasted daily for maximum freshness.", tags: ["Espresso", "Pour-over"],
title: "Data Analytics", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-dark-background_1303-14967.jpg"},
author: "By Tech Leads",
description: "Leverage advanced analytics to drive business growth.",
tags: [
"Tech",
"Data",
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-flowing-lines-floating-particles-design_1048-13620.jpg",
},
{ {
id: "f2", id: "f2", title: "Fresh Pastries", author: "Baking Team", description: "Daily baked goods made with organic ingredients.", tags: ["Bakery", "Organic"],
title: "Secure Infrastructure", imageSrc: "http://img.b2bpic.net/free-photo/croissants-tray_23-2148784784.jpg"},
author: "By Security Pros",
description: "Robust cloud defense for your digital assets.",
tags: [
"Security",
"Cloud",
],
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-digital-hand-lock_23-2151997019.jpg",
},
{ {
id: "f3", id: "f3", title: "Cozy Environment", author: "Design Team", description: "The perfect spot to work, study, or meet friends.", tags: ["Lounge", "Wifi"],
title: "Mobile App Sync", imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-interior_1150-13645.jpg"},
author: "By App Devs",
description: "Seamless integration across all user devices.",
tags: [
"Mobile",
"App",
],
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
},
]} ]}
title="Core Capabilities" title="Our Menu Highlights"
description="Tools that work as hard as you do." description="From light roasts to decadent treats, discover your new favorite."
/> />
</div> </div>
@@ -180,35 +101,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "100%", title: "Fair Trade", items: ["Ethically sourced", "Direct trade"],
value: "99.9%",
title: "Uptime Guaranteed",
items: [
"Reliable systems",
"Always online",
],
}, },
{ {
id: "m2", id: "m2", value: "500+", title: "Cups Served", items: ["Daily average", "Happy guests"],
value: "50+",
title: "Clients Served",
items: [
"Across sectors",
"Global impact",
],
}, },
{ {
id: "m3", id: "m3", value: "15+", title: "Roast Varieties", items: ["From around world", "Small batch"],
value: "24/7",
title: "Support Availability",
items: [
"Always on call",
"Rapid response",
],
}, },
]} ]}
title="Proven Performance" title="Why We Are Unique"
description="Quantifiable success for every client we serve." description="Commitment to quality that speaks for itself."
/> />
</div> </div>
@@ -220,63 +123,24 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
members={[ members={[
{ {
id: "t1", id: "t1", name: "Maria Santos", role: "Head Barista", imageSrc: "http://img.b2bpic.net/free-photo/barista-serving-coffee-with-smile_23-2148744131.jpg"},
name: "Alex Chen",
role: "CEO",
imageSrc: "http://img.b2bpic.net/free-photo/businesswomen-discussing-having-fun_53876-119798.jpg",
},
{ {
id: "t2", id: "t2", name: "James Lee", role: "Pastry Chef", imageSrc: "http://img.b2bpic.net/free-photo/chef-baking-bread_23-2148744120.jpg"},
name: "Sarah Miller",
role: "CTO",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-man-with-beard-looking-thoughtful-upper-left-corner-imaging-smiling-white_1258-111693.jpg",
},
{ {
id: "t3", id: "t3", name: "Elena Rossi", role: "Community Lead", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-cafe_23-2148744111.jpg"},
name: "David Wu",
role: "Head of Engineering",
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-having-lunch-together-discussing-something_259150-58550.jpg",
},
{
id: "t4",
name: "Emily Park",
role: "Product Manager",
imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",
},
]} ]}
title="Meet the Minds" title="The Coffee Family"
description="Experts behind the platform." description="Our dedicated team makes it all happen."
/> />
</div> </div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen <TestimonialCardFifteen
useInvertedBackground={false} useInvertedBackground={false}
testimonial="Kaytama transformed our development pipeline completely. Highly recommend their professional approach to tech." testimonial="Best flat white in town. The atmosphere is so welcoming, perfect for my morning creative work session!"
rating={5} rating={5}
author="Jane Doe, CEO" author="Sarah J., Regular Patron"
avatars={[ avatars={[]}
{
src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
alt: "Client 5",
},
]}
ratingAnimation="slide-up" ratingAnimation="slide-up"
avatarsAnimation="slide-up" avatarsAnimation="slide-up"
/> />
@@ -288,23 +152,14 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "Do you offer non-dairy milk?", content: "Yes! We offer almond, soy, oat, and coconut milk options."},
title: "How long does setup take?",
content: "Typically 2-4 weeks depending on scope.",
},
{ {
id: "q2", id: "q2", title: "Can I reserve a table for group?", content: "For groups larger than 5, please contact us 24 hours in advance."},
title: "Do you offer support?",
content: "Yes, we provide 24/7 dedicated support.",
},
{ {
id: "q3", id: "q3", title: "Are your beans available for purchase?", content: "Absolutely, we sell whole beans and ground coffee by the bag."},
title: "Can I scale later?",
content: "Our systems are built to scale on demand.",
},
]} ]}
title="Common Questions" title="Cafe FAQs"
description="Answers to help you decide." description="Common questions from our coffee lovers."
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -313,34 +168,29 @@ export default function LandingPage() {
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}} tag="Find Us"
tag="Ready to scale?" title="Visit Kaytama Cafe"
title="Connect with Kaytama" description="Located in the heart of the district: 123 Coffee Lane, Open daily 7 AM - 7 PM."
description="Let's discuss how we can accelerate your business growth through technology."
buttons={[ buttons={[
{ {
text: "Contact Us", text: "Get Directions", href: "#"},
href: "#", {
}, text: "Book a Table", href: "#"},
]} ]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterLogoReveal
logoText="Kaytama" logoText="Kaytama Cafe"
leftLink={{ leftLink={{
text: "Terms of Service", text: "Menu & Pricing", href: "#"}}
href: "#",
}}
rightLink={{ rightLink={{
text: "Privacy Policy", text: "Careers", href: "#"}}
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }