Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #6.
This commit is contained in:
2026-04-02 12:14:06 +00:00
2 changed files with 72 additions and 117 deletions

View File

@@ -11,8 +11,8 @@ import { Montserrat, Inter } from "next/font/google";
export const metadata: Metadata = {
title: 'Coffee Nation | Specialty Coffee & Roastery Tashkent',
description: 'Discover artisanal specialty coffee, refined brewing methods, and a perfect coworking space at Coffee Nation. Visit us at Afrosiab 14/1.',
title: 'Webild | Modern Solutions',
description: 'Premium digital solutions for modern businesses.',
openGraph: {
"title": "Coffee Nation",
"description": "Specialty Coffee Roastery in Tashkent",

View File

@@ -1,124 +1,79 @@
"use client";
'use client';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBase from '@/components/sections/footer/FooterBase';
export default function LandingPage() {
const navItems = [{ name: "Home", id: "/" }];
export default function Page() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="small"
sizing="medium"
background="floatingGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Menu", id: "menu" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="Coffee Nation"
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="Coffee Nation"
description="The Art of Specialty Roasting"
buttons={[{ text: "Visit Us", href: "#contact" }]}
slides={[
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Coffee Roasting Process" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Artisanal Roaster Detail" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Fresh Coffee Beans" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Roastery Interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Roasting Mastery" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Fresh Roast Aroma" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
showStepNumbers={true}
title="Why Coffee Nation?"
description="Crafted for connoisseurs and those who value the perfect brew."
features={[
{ id: 1, title: "In-House Roasting", description: "We roast our beans daily in small batches to ensure maximum freshness and flavor.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-logo-template_23-2150529088.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-logo-template_23-2150529088.jpg" } },
{ id: 2, title: "Specialty Quality", description: "100% Arabica beans sourced directly from growers, highlighting unique regional flavor profiles.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-coffee-shop-badges_23-2149251257.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-coffee-shop-badges_23-2149251257.jpg" } },
{ id: 3, title: "Coworking Friendly", description: "High-speed Wi-Fi and a quiet, inspiring atmosphere designed for focus and productivity.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/set-round-wifi-buttons_23-2147629689.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/set-round-wifi-buttons_23-2147629689.jpg" } },
{ id: 4, title: "Community Driven", description: "Regular tasting events and workshops for local coffee enthusiasts.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/set-round-wifi-buttons_23-2147629689.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/set-round-wifi-buttons_23-2147629689.jpg" } },
{ id: 5, title: "Expert Baristas", description: "Trained professionals dedicated to the perfect pour, every time.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/set-round-wifi-buttons_23-2147629689.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/set-round-wifi-buttons_23-2147629689.jpg" } }
]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
title="Our Menu"
description="Exquisite drinks and fine pastries."
products={[
{ id: "p1", name: "Espresso Bar", price: "Classic", variant: "Cappuccino, Latte", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-coffee-decor-closeup_169016-23626.jpg" },
{ id: "p2", name: "Slow Bar", price: "Artisanal", variant: "V60, Pour-over, Batch", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-coffee-shop_23-2148366543.jpg" },
{ id: "p3", name: "Bakery", price: "Sweet", variant: "Tiramisu, Cheesecake", imageSrc: "http://img.b2bpic.net/free-photo/female-baker-s-hand-holding-sweet-puff-pastry-plate_23-2148189082.jpg" },
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="The Art of Roasting"
description={["Every bean tells a story of its origin. At Coffee Nation, we honor that journey by mastering the roasting process to unlock the true potential of every batch."]}
buttons={[{ text: "Learn Our Story" }]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Visit Us"
title="Afrosiab 14/1"
description="Open Mon-Sat 08:00-21:00, Sun 10:00-21:00. Call us: +998 99 222 50 49"
buttons={[{ text: "Get Directions" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Links", items: [{ label: "Home", href: "#" }, { label: "Menu", href: "#menu" }] },
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Telegram", href: "#" }] }
]}
logoText="Coffee Nation"
copyrightText="© 2025 Coffee Nation. Made for Coffee Lovers."
/>
</div>
</ReactLenis>
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarStyleApple navItems={navItems} />
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="Webild"
description="Innovative solutions for modern digital challenges."
buttons={[{ text: "Get Started", href: "#contact" }]}
slides={[{ imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
showStepNumbers={true}
title="Features"
description="Cutting edge tools for your workflow."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: 1, title: "Speed", description: "Lightning fast performance.", phoneOne: { imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe" }, phoneTwo: { imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe" } },
{ id: 2, title: "Secure", description: "Top notch protection.", phoneOne: { imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe" }, phoneTwo: { imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe" } }
]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
gridVariant="bento-grid"
animationType="slide-up"
title="Our Services"
description="Explore what we offer."
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "1", name: "Basic", price: "$10", variant: "standard", imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe" },
{ id: "2", name: "Pro", price: "$20", variant: "advanced", imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe" },
{ id: "3", name: "Enterprise", price: "$30", variant: "full", imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe" }
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
title="About Us"
description={["We build excellence."]}
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Contact"
title="Get in touch"
description="Ready to work with us?"
buttons={[{ text: "Contact", href: "mailto:hello@webild.com" }]}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
/>
</div>
</ThemeProvider>
);
}