Update src/app/page.tsx
This commit is contained in:
255
src/app/page.tsx
255
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user