Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-03-27 07:15:46 +00:00
4 changed files with 224 additions and 398 deletions

View File

@@ -5,79 +5,54 @@ import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import { Award, Flame, Phone, Zap } from "lucide-react";
import { Coffee, ChefHat, Heart, Phone } from "lucide-react";
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Menu",
id: "/menu",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="City Burger"
/>
</div>
<div id="about-page-body" data-section="about-page-body">
<AboutMetric
useInvertedBackground={true}
title="Why Choose City Burger"
metrics={[
{
icon: Flame,
label: "Fresh Ingredients",
value: "100%",
},
{
icon: Zap,
label: "Fast Service",
value: "5 min",
},
{
icon: Award,
label: "Affordable",
value: "Best",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="City Burger"
copyrightText="© 2025 City Burger Termez"
socialLinks={[
{
icon: Phone,
href: "tel:+998996700008",
ariaLabel: "Call us",
},
]}
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
brandName="City Burger"
/>
</div>
<div id="about-page-body" data-section="about-page-body">
<AboutMetric
title="About City Burger Termez"
metrics={[
{ icon: Coffee, label: "Café Experience", value: "Local" },
{ icon: ChefHat, label: "Fresh Food", value: "Daily" },
{ icon: Heart, label: "Customer Love", value: "100%" }
]}
metricsAnimation="slide-up"
useInvertedBackground={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="City Burger"
copyrightText="© 2025 City Burger Termez"
socialLinks={[{ icon: Phone, href: "tel:+998996700008", ariaLabel: "Call us" }]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -7,70 +7,50 @@ import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import { Phone } from "lucide-react";
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Menu",
id: "/menu",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="City Burger"
/>
</div>
<div id="contact-page-body" data-section="contact-page-body">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Contact Us"
title="Hungry? Call Us Now!"
description="Our team is ready to take your order or answer your questions."
buttons={[
{
text: "+998 99 670 00 08",
href: "tel:+998996700008",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="City Burger"
copyrightText="© 2025 City Burger Termez"
socialLinks={[
{
icon: Phone,
href: "tel:+998996700008",
ariaLabel: "Call us",
},
]}
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
brandName="City Burger"
/>
</div>
<div id="contact-page-body" data-section="contact-page-body">
<ContactCTA
tag="Contact Us"
title="Hungry? Call Us Now!"
description="Our team is ready to take your order or answer your questions."
buttons={[{ text: "+998 99 670 00 08", href: "tel:+998996700008" }]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="City Burger"
copyrightText="© 2025 City Burger Termez"
socialLinks={[{ icon: Phone, href: "tel:+998996700008", ariaLabel: "Call us" }]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -7,83 +7,56 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import { Phone } from "lucide-react";
export default function LandingPage() {
export default function MenuPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Menu",
id: "/menu",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="City Burger"
/>
</div>
<div id="menu-page-body" data-section="menu-page-body">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Big Cheeseburger",
price: "25,000 UZS",
imageSrc: "http://img.b2bpic.net/free-photo/home-made-tasty-burgers_628469-332.jpg?_wi=2",
},
{
id: "2",
name: "Cheeseburger",
price: "18,000 UZS",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-burger-ingredients-slate-background_23-2148235015.jpg?_wi=2",
},
{
id: "3",
name: "French Fries",
price: "10,000 UZS",
imageSrc: "http://img.b2bpic.net/free-photo/french-fries-white-background_1339-376.jpg?_wi=2",
},
]}
title="Popular Menu"
description="Our most loved burgers and sides."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="City Burger"
copyrightText="© 2025 City Burger Termez"
socialLinks={[
{
icon: Phone,
href: "tel:+998996700008",
ariaLabel: "Call us",
},
]}
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
brandName="City Burger"
/>
</div>
<div id="menu-page-body" data-section="menu-page-body">
<ProductCardThree
title="Full Menu"
description="Explore our delicious range of burgers and sides."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "m1", name: "Big Burger", price: "30,000 UZS", imageSrc: "http://img.b2bpic.net/free-photo/home-made-tasty-burgers_628469-332.jpg" },
{ id: "m2", name: "Big Cheeseburger", price: "25,000 UZS", imageSrc: "http://img.b2bpic.net/free-photo/top-view-burger-ingredients-slate-background_23-2148235015.jpg" },
{ id: "m3", name: "French Fries", price: "10,000 UZS", imageSrc: "http://img.b2bpic.net/free-photo/french-fries-white-background_1339-376.jpg" },
{ id: "m4", name: "Drink", price: "8,000 UZS", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-fresh-delicious-burger-with-french-fries-sauce-wooden-table_114579-84517.jpg" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="City Burger"
copyrightText="© 2025 City Burger Termez"
socialLinks={[{ icon: Phone, href: "tel:+998996700008", ariaLabel: "Call us" }]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -9,209 +9,107 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Flame, Phone, Zap } from "lucide-react";
import Link from "next/link";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Menu",
id: "/menu",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="City Burger"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "radial-gradient",
}}
title="Fresh Burgers in Termez"
description="The best fast food in town, made with fresh ingredients every day."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-cape-holding-little-delivery-food-package-pink-background_140725-40440.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-outdoors-nature_23-2148648054.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/delivery-man-employee-red-cap-blank-tshirt-uniform-holding-coffee-cups-looking-camera-happy-cheerful-smiling-showing-thumb-up-standing-green-background_141793-137062.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-tender-parisian-girl-stylish-outfit-sends-air-kiss-portrait-young-woman-with-expressive-look_197531-12004.jpg",
alt: "Customer",
},
]}
buttons={[
{
text: "Call Now",
href: "tel:+998996700008",
},
{
text: "View Menu",
href: "/menu",
},
{
text: "Get Directions",
href: "https://maps.google.com",
},
]}
/>
</div>
<div id="menu-grid" data-section="menu-grid">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Big Cheeseburger",
price: "25,000 UZS",
imageSrc: "http://img.b2bpic.net/free-photo/home-made-tasty-burgers_628469-332.jpg?_wi=1",
},
{
id: "2",
name: "Cheeseburger",
price: "18,000 UZS",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-burger-ingredients-slate-background_23-2148235015.jpg?_wi=1",
},
{
id: "3",
name: "French Fries",
price: "10,000 UZS",
imageSrc: "http://img.b2bpic.net/free-photo/french-fries-white-background_1339-376.jpg?_wi=1",
},
]}
title="Popular Menu"
description="Our most loved burgers and sides."
/>
</div>
<div id="features" data-section="features">
<AboutMetric
useInvertedBackground={false}
title="Why Choose City Burger"
metrics={[
{
icon: Flame,
label: "Fresh Ingredients",
value: "100%",
},
{
icon: Zap,
label: "Fast Service",
value: "5 min",
},
{
icon: Award,
label: "Affordable",
value: "Best",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah",
role: "Local",
company: "Termez",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fast-food-french-fries-with-sandwich-cafe_169016-2100.jpg",
},
{
id: "2",
name: "Michael",
role: "Student",
company: "Termez",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg",
},
{
id: "3",
name: "Emily",
role: "Tourist",
company: "Termez",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hamburger-table-restaurant_23-2148006676.jpg",
},
{
id: "4",
name: "David",
role: "Local",
company: "Termez",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-food-restaurant_23-2150520105.jpg",
},
]}
kpiItems={[
{
value: "500+",
label: "Happy Clients",
},
{
value: "4.9",
label: "Rating",
},
{
value: "10+",
label: "Years",
},
]}
title="What Our Customers Say"
description="Real feedback from burger lovers in Termez."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="City Burger"
copyrightText="© 2025 City Burger Termez"
socialLinks={[
{
icon: Phone,
href: "tel:+998996700008",
ariaLabel: "Call us",
},
]}
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
brandName="City Burger"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
title="Fresh Burgers in Termez"
description="The best fast food in town, made with fresh ingredients every day."
background={{ variant: "radial-gradient" }}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-cape-holding-little-delivery-food-package-pink-background_140725-40440.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-outdoors-nature_23-2148648054.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/delivery-man-employee-red-cap-blank-tshirt-uniform-holding-coffee-cups-looking-camera-happy-cheerful-smiling-showing-thumb-up-standing-green-background_141793-137062.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/smiling-tender-parisian-girl-stylish-outfit-sends-air-kiss-portrait-young-woman-with-expressive-look_197531-12004.jpg", alt: "Customer" }
]}
buttons={[
{ text: "Call Now", href: "tel:+998996700008" },
{ text: "View Menu", href: "/menu" },
{ text: "Get Directions", href: "https://maps.google.com" }
]}
/>
</div>
<div id="menu-grid" data-section="menu-grid">
<ProductCardThree
title="Popular Menu"
description="Our most loved burgers and sides."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
products={[
{ id: "1", name: "Big Cheeseburger", price: "25,000 UZS", imageSrc: "http://img.b2bpic.net/free-photo/home-made-tasty-burgers_628469-332.jpg" },
{ id: "2", name: "Cheeseburger", price: "18,000 UZS", imageSrc: "http://img.b2bpic.net/free-photo/top-view-burger-ingredients-slate-background_23-2148235015.jpg" },
{ id: "3", name: "French Fries", price: "10,000 UZS", imageSrc: "http://img.b2bpic.net/free-photo/french-fries-white-background_1339-376.jpg" }
]}
/>
</div>
<div id="features" data-section="features">
<AboutMetric
title="Why Choose City Burger"
metrics={[
{ icon: Flame, label: "Fresh Ingredients", value: "100%" },
{ icon: Zap, label: "Fast Service", value: "5 min" },
{ icon: Award, label: "Affordable", value: "Best" }
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
title="What Our Customers Say"
description="Real feedback from burger lovers in Termez."
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah", role: "Local", company: "Termez", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fast-food-french-fries-with-sandwich-cafe_169016-2100.jpg" },
{ id: "2", name: "Michael", role: "Student", company: "Termez", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg" },
{ id: "3", name: "Emily", role: "Tourist", company: "Termez", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hamburger-table-restaurant_23-2148006676.jpg" },
{ id: "4", name: "David", role: "Local", company: "Termez", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-food-restaurant_23-2150520105.jpg" }
]}
kpiItems={[
{ value: "500+", label: "Happy Clients" },
{ value: "4.9", label: "Rating" },
{ value: "10+", label: "Years" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="City Burger"
copyrightText="© 2025 City Burger Termez"
socialLinks={[{ icon: Phone, href: "tel:+998996700008", ariaLabel: "Call us" }]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}