Merge version_1 into main #2
169
src/app/page.tsx
169
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Clock, Coffee } from 'lucide-react';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -30,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "features",
|
||||
},
|
||||
name: "Experience", id: "features"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Loop Coffee"
|
||||
/>
|
||||
@@ -60,9 +51,7 @@ export default function LandingPage() {
|
||||
description="Award-winning coffee crafted for those who refuse to compromise on quality — but love a fair price. Loved by hundreds, rated 5★ for taste, service, and atmosphere."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Loop",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Loop", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/a-close-up-of-a-perfectly-poured-special-1774619470378-6b9ae371.png"
|
||||
imageAlt="Luxury coffee art"
|
||||
@@ -75,19 +64,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Exceptional Quality",
|
||||
description: "Sustainably sourced beans, roasted to perfection for a flavor that remains consistent every single time.",
|
||||
buttonIcon: "Zap",
|
||||
title: "Exceptional Quality", description: "Sustainably sourced beans, roasted to perfection for a flavor that remains consistent every single time.", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Lightning Fast",
|
||||
description: "We respect your time. Get your caffeine fix quickly without sacrificing the artisanal quality.",
|
||||
buttonIcon: "Clock",
|
||||
title: "Lightning Fast", description: "We respect your time. Get your caffeine fix quickly without sacrificing the artisanal quality.", buttonIcon: Clock,
|
||||
},
|
||||
{
|
||||
title: "Inviting Atmosphere",
|
||||
description: "From aesthetic corners to calm workspaces, our café is your second home away from home.",
|
||||
buttonIcon: "Coffee",
|
||||
title: "Inviting Atmosphere", description: "From aesthetic corners to calm workspaces, our café is your second home away from home.", buttonIcon: Coffee,
|
||||
},
|
||||
]}
|
||||
title="Why Loop is Different"
|
||||
@@ -103,32 +86,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Loop",
|
||||
name: "Signature Iced Latte",
|
||||
price: "$4.50",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/a-single-glass-cup-of-iced-latte-with-vi-1774619472731-b474a430.png",
|
||||
},
|
||||
id: "p1", brand: "Loop", name: "Signature Iced Latte", price: "$4.50", rating: 5,
|
||||
reviewCount: "128", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/a-single-glass-cup-of-iced-latte-with-vi-1774619472731-b474a430.png"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Loop",
|
||||
name: "Double Shot Espresso",
|
||||
price: "$3.00",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/a-small-white-ceramic-cup-of-double-espr-1774619470415-63644320.png",
|
||||
},
|
||||
id: "p2", brand: "Loop", name: "Double Shot Espresso", price: "$3.00", rating: 5,
|
||||
reviewCount: "89", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/a-small-white-ceramic-cup-of-double-espr-1774619470415-63644320.png"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Loop",
|
||||
name: "Artisan Butter Croissant",
|
||||
price: "$3.50",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/a-buttery-flaky-croissant-on-a-simple-ce-1774619468508-2058f2bd.png",
|
||||
},
|
||||
id: "p3", brand: "Loop", name: "Artisan Butter Croissant", price: "$3.50", rating: 4,
|
||||
reviewCount: "210", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/a-buttery-flaky-croissant-on-a-simple-ce-1774619468508-2058f2bd.png"},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Hand-crafted drinks and fresh artisan pastries made daily."
|
||||
@@ -142,40 +107,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best coffee experience in DHA. Truly luxury taste at an everyday price point.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/abstract-view-of-a-bright-cafe-interior--1774619469265-69bec2d4.png",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The best coffee experience in DHA. Truly luxury taste at an everyday price point.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/abstract-view-of-a-bright-cafe-interior--1774619469265-69bec2d4.png"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Consistently great coffee and the perfect environment for my remote work sessions.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/close-up-of-an-aesthetic-cafe-window-sea-1774619469367-5304524c.png",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "Consistently great coffee and the perfect environment for my remote work sessions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/close-up-of-an-aesthetic-cafe-window-sea-1774619469367-5304524c.png"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Finally, a cafe that isn't pretentious. Just good coffee, fast service, and great people.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/the-bar-area-of-a-minimalist-coffee-shop-1774619469211-7fa43199.png",
|
||||
},
|
||||
id: "t3", name: "Emily R.", handle: "@emilyr", testimonial: "Finally, a cafe that isn't pretentious. Just good coffee, fast service, and great people.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/the-bar-area-of-a-minimalist-coffee-shop-1774619469211-7fa43199.png"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "@davidk",
|
||||
testimonial: "I visit every morning before class. Speed and consistency are unmatched here.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/a-view-of-the-outdoor-cafe-entrance-at-d-1774619469463-efe1494a.png",
|
||||
},
|
||||
id: "t4", name: "David Kim", handle: "@davidk", testimonial: "I visit every morning before class. Speed and consistency are unmatched here.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/a-view-of-the-outdoor-cafe-entrance-at-d-1774619469463-efe1494a.png"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex P.",
|
||||
handle: "@alexp",
|
||||
testimonial: "The atmosphere is unmatched in the city. Truly a premium experience.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/portrait-of-a-young-professional-drinkin-1774619473028-a9c97b2f.png",
|
||||
},
|
||||
id: "t5", name: "Alex P.", handle: "@alexp", testimonial: "The atmosphere is unmatched in the city. Truly a premium experience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/portrait-of-a-young-professional-drinkin-1774619473028-a9c97b2f.png"},
|
||||
]}
|
||||
title="Loved by the Community"
|
||||
description="What our patrons are saying about the taste, consistency, and the vibe."
|
||||
@@ -188,22 +128,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer vegan milk options?",
|
||||
content: "Yes, we offer almond, soy, and oat milk as premium alternatives to our signature dairy.",
|
||||
},
|
||||
id: "f1", title: "Do you offer vegan milk options?", content: "Yes, we offer almond, soy, and oat milk as premium alternatives to our signature dairy."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is there free Wi-Fi?",
|
||||
content: "Absolutely. High-speed Wi-Fi is available for all our customers to enjoy their work session.",
|
||||
},
|
||||
id: "f2", title: "Is there free Wi-Fi?", content: "Absolutely. High-speed Wi-Fi is available for all our customers to enjoy their work session."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I order online?",
|
||||
content: "Yes, use our website or visit us in-store to place a quick pickup order ahead of time.",
|
||||
},
|
||||
id: "f3", title: "Can I order online?", content: "Yes, use our website or visit us in-store to place a quick pickup order ahead of time."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/modern-coffee-shop-front-with-large-glas-1774619469287-c9551654.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/modern-coffee-shop-front-with-large-glas-1774619469287-c9551654.png"
|
||||
mediaAnimation="slide-up"
|
||||
title="Commonly Asked"
|
||||
description="Answers to frequently asked questions about our coffee, beans, and shop services."
|
||||
@@ -215,12 +146,11 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Visit Us"
|
||||
title="Experience Loop Coffee"
|
||||
description="Swing by our location in DHA today, or sign up for our newsletter to get monthly brewing tips and early access to menu specials."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/modern-coffee-shop-front-with-large-glas-1774619469287-c9551654.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWyxQVlyuhLaPb4PSl91PTwI8l/modern-coffee-shop-front-with-large-glas-1774619469287-c9551654.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -229,54 +159,33 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Espresso",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Espresso", href: "#products"},
|
||||
{
|
||||
label: "Iced Drinks",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Iced Drinks", href: "#products"},
|
||||
{
|
||||
label: "Pastries",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Pastries", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#features",
|
||||
},
|
||||
label: "About Us", href: "#features"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Visit Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user