Merge version_3 into main

Merge version_3 into main
This commit was merged in pull request #5.
This commit is contained in:
2026-05-19 11:42:05 +00:00
3 changed files with 153 additions and 343 deletions

View File

@@ -3,11 +3,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -22,84 +21,42 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="My Business"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Roof Bistro"
/>
</div>
<div id="about-content" data-section="about-content">
<TextSplitAbout
useInvertedBackground={false}
title="Our Story"
description={[
"My Business was founded with a simple goal: to provide exceptional local service with a modern aesthetic.",
"We operate on the belief that professionalism should be the standard, not an exception, regardless of business size.",
]}
/>
</div>
<div id="about-content" data-section="about-content">
<TextSplitAbout
useInvertedBackground={false}
title="Our Culinary Vision"
description={[
"Roof Bistro was born from a desire to bring a refined, moody dining experience to the citys skyline.", "We believe in the power of atmosphere—where dimmed lights, premium flavors, and professional service converge to create more than just a meal, but a memory."]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Growth Milestones"
description="Key numbers that reflect our commitment to excellence."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=om05yj&_wi=3"
mediaAnimation="opacity"
metricsAnimation="slide-up"
metrics={[
{
value: "100+",
title: "Projects Completed",
},
{
value: "50+",
title: "Happy Clients",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="My Business"
columns={[
{
title: "Links",
items: [
{
label: "Home",
href: "/",
},
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
]}
copyrightText="© 2025 My Business. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Roof Bistro"
columns={[
{
title: "Navigation", items: [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "Contact", href: "/contact" },
],
},
]}
copyrightText="© 2025 Roof Bistro. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -5,9 +5,8 @@ import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -22,94 +21,47 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="My Business"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Roof Bistro"
/>
</div>
<div id="contact-form" data-section="contact-form">
<ContactSplitForm
useInvertedBackground={false}
title="Get in Touch"
description="Have a project in mind? We'd love to hear from you. Fill out the form and we'll be in touch shortly."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your project...",
}}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=om05yj&_wi=4"
/>
</div>
<div id="contact-form" data-section="contact-form">
<ContactSplitForm
useInvertedBackground={false}
title="Reservations"
description="Join us for an elevated dining experience. Please fill out the form for table reservations or private event inquiries."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
]}
textarea={{ name: "message", placeholder: "Party size, date, and special requests..." }}
imageSrc="https://images.unsplash.com/photo-1543007630-97fb0e4f51e0?q=80&w=800"
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Trusted By Professionals"
description="Leading companies choose us for our reliability."
names={[
"Alpha Corp",
"Beta Studio",
"Gamma Tech",
"Delta Design",
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="My Business"
columns={[
{
title: "Links",
items: [
{
label: "Home",
href: "/",
},
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
]}
copyrightText="© 2025 My Business. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Roof Bistro"
columns={[
{
title: "Links", items: [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "Contact", href: "/contact" },
],
},
]}
copyrightText="© 2025 Roof Bistro. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -2,14 +2,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import { Clock, Layers, MapPin, Shield, TrendingUp } from "lucide-react";
import { Clock, MapPin, Star, Utensils } from "lucide-react";
export default function LandingPage() {
return (
@@ -26,180 +23,84 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "/"},
{
name: "About", id: "/about"},
{
name: "Contact", id: "/contact"},
]}
brandName="My Business"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Roof Bistro"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "plain"}}
title="Excellence in Every Detail."
description="Providing tailored solutions for your local needs with precision, integrity, and a commitment to quality that stands the test of time."
testimonials={[
{
name: "Jane Doe", handle: "@janedoe", testimonial: "Exceptional service and attention to detail. My Business transformed our local operations.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rac8y0&_wi=1"},
{
name: "John Smith", handle: "@jsmith", testimonial: "Professional, punctual, and reliable. Highly recommended for any local business needs.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sv44o6&_wi=1"},
{
name: "Emily White", handle: "@ewhite", testimonial: "A refreshing approach to local service. Truly a partner in our success.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zu5jgw"},
{
name: "Mark Evans", handle: "@mevans", testimonial: "Outstanding quality. They really care about the outcome and the client relationship.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dq0izf"},
{
name: "Sara King", handle: "@sking", testimonial: "Fantastic experience. Seamless communication and perfect results every single time.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bn1whz"},
]}
buttons={[
{
text: "Contact Us", href: "/contact"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=om05yj&_wi=1"
imageAlt="Professional business atmosphere"
mediaAnimation="blur-reveal"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=om05yj", alt: "Client portrait 1"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=luubsc", alt: "Client portrait 2"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jhy7of", alt: "Client portrait 3"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=efolfb", alt: "Client portrait 4"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rac8y0", alt: "Client portrait 5"},
]}
marqueeItems={[
{
type: "text-icon", text: "Quality Driven", icon: Shield,
},
{
type: "text-icon", text: "Local Experts", icon: MapPin,
},
{
type: "text-icon", text: "Proven Results", icon: TrendingUp,
},
{
type: "text-icon", text: "24/7 Support", icon: Clock,
},
{
type: "text-icon", text: "Custom Solutions", icon: Layers,
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{ variant: "plain" }}
title="Roof Bistro: Elevated Dining."
description="Experience culinary excellence under the open sky. We combine fresh, local ingredients with a moody, professional atmosphere for an unforgettable meal."
testimonials={[
{
name: "Mark J.", handle: "@foodie_mark", testimonial: "The ambiance is unmatched. A perfect moody vibe for dinner!", rating: 5,
},
{
name: "Sarah L.", handle: "@urban_eats", testimonial: "Best rooftop view in the city, paired with exquisite flavors.", rating: 5,
}
]}
buttons={[{ text: "Book Your Table", href: "/contact" }]}
imageSrc="https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?q=80&w=1200"
imageAlt="Roof Bistro rooftop atmosphere"
mediaAnimation="blur-reveal"
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1", title: "Precision Work", description: "Every project is handled with the highest level of care and professional standards.", tag: "Excellence", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=luubsc&_wi=1"},
{
id: "f2", title: "Local Insight", description: "Deeply rooted in our community to provide relevant and impactful solutions.", tag: "Community", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jhy7of&_wi=1"},
{
id: "f3", title: "Transparent Process", description: "Clear communication from initial consultation to final project delivery.", tag: "Integrity", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=efolfb&_wi=1"},
]}
title="Our Approach"
description="We believe that the best results come from a deep understanding of our community's unique needs."
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
title="Our Atmosphere"
description="Where professional service meets a dark, moody, and sophisticated environment."
features={[
{
id: "f1",
title: "Stunning Skyline Views",
description: "Dine with the most iconic cityscape in the background.",
tag: "View", imageSrc: "https://images.unsplash.com/photo-1542332215-9f5a31d90c0a?q=80&w=800"
},
{
id: "f2",
title: "Artisan Cocktails",
description: "Hand-crafted drinks prepared by expert mixologists.",
tag: "Bar", imageSrc: "https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?q=80&w=800"
}
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Core Competencies"
description="We specialize in delivering high-impact solutions that drive growth for your business."
features={[
{
title: "Strategy", description: "Long-term planning for sustained success.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=luubsc&_wi=2"},
{
title: "Development", description: "Crafting robust and scalable digital products.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jhy7of&_wi=2"},
{
title: "Analytics", description: "Data-driven insights to refine performance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=efolfb&_wi=2"},
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Meet the Team"
description="Passionate restaurant staff dedicated to your culinary experience."
members={[
{
id: "m1", name: "Chef Arben K.", role: "Head Chef", description: "Crafting authentic flavors with local ingredients.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rac8y0&_wi=2"},
{
id: "m2", name: "Elira M.", role: "Service Manager", description: "Ensuring every guest leaves with a smile.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sv44o6&_wi=2"},
{
id: "m3", name: "Besnik P.", role: "Pastry Specialist", description: "Sweetening your dining experience daily.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zu5jgw&_wi=2"},
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
title="Common Questions"
description="Everything you need to know about our services."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=om05yj&_wi=2"
mediaAnimation="slide-up"
faqsAnimation="blur-reveal"
faqs={[
{
id: "q1", title: "How do we start?", content: "Book an initial consultation through our contact form."},
{
id: "q2", title: "What is the typical timeline?", content: "Timelines vary depending on project complexity."},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="My Business"
columns={[
{
title: "Information", items: [
{ label: "Address: Rrugë Rexhep Krasniqi, Prishtinë", href: "#" },
{ label: "Hours: Mon-Sun 09:00 - 23:00", href: "#" },
{ label: "Phone: +383 44 000 000", href: "tel:+38344000000" },
{ label: "Email: info@mybusiness.com", href: "mailto:info@mybusiness.com" },
],
},
{
title: "Navigate", items: [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "Contact", href: "/contact" },
],
},
]}
copyrightText="© 2025 My Business. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Roof Bistro"
columns={[
{
title: "Location & Contact", items: [
{ label: "📍 123 Sky High Ave, Downtown", href: "#" },
{ label: "📞 +383 44 999 888", href: "tel:+38344999888" },
{ label: "🕒 Open Daily: 17:00 - 01:00", href: "#" },
]
},
{
title: "Links", items: [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "Contact", href: "/contact" },
]
}
]}
copyrightText="© 2025 Roof Bistro. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);