Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 957af07b76 | |||
| 783460bca4 | |||
| e0667776c8 | |||
| f86dc778e3 |
263
src/app/page.tsx
263
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="6 Colombo"
|
||||
/>
|
||||
@@ -52,77 +40,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="6 Colombo"
|
||||
description="Taste that keeps you coming back. Experience the authentic soul of Sri Lankan flavors delivered straight to your plate."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Menu", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-indian-food-peppers_23-2148747677.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/boiled-chicken-handful-grapes_140725-7206.jpg",
|
||||
alt: "Satisfied customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dolma-with-stuffed-meat-baked-tomato-eggplant_140725-9518.jpg",
|
||||
alt: "Satisfied customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-red-chilli-sumac-powder-spices-with-curry-scattered-from-horn-black_140725-12470.jpg",
|
||||
alt: "Satisfied customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-shot-raw-vegan-bread-with-red-pepper-buckwheat-poppies-dark-tabletop_181624-42007.jpg",
|
||||
alt: "Satisfied customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-cheerful-young-bearded-man-stylish-headwear-having-coffee-sitting-wooden-table-modern-cafe-interior-waiting-his-girlfriend-planning-propose-her-this-sunny-day_273609-1932.jpg",
|
||||
alt: "Satisfied customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ happy diners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Spices",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditional Recipes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Culinary",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sri Lankan Soul",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Authentic Flavors"
|
||||
description="At 6 Colombo, we pride ourselves on blending traditional Sri Lankan recipes with fresh, locally sourced ingredients. Every meal is crafted to capture the essence of our island home, ensuring a satisfying journey of flavor in every bite."
|
||||
description="At 6 Colombo, we pride ourselves on blending traditional Sri Lankan recipes with fresh, locally sourced ingredients."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086032.jpg"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -132,46 +63,18 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Devilled Chicken",
|
||||
price: "LKR 1,800.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-chicken-with-herbs-lemon-cutting-board-garlic-sauce_140725-72377.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Devilled Prawns",
|
||||
price: "LKR 2,200.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sour-seafood-soup-tom-yum-seafood_1339-4748.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mixed Fried Rice",
|
||||
price: "LKR 2,400.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kimchi-fried-rice-with-fried-egg_84443-85835.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chicken Kottu",
|
||||
price: "LKR 1,600.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-tasty-roti-composition_23-2149073365.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Spring Rolls",
|
||||
price: "LKR 1,200.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/egg-roll-fried-spring-rolls-white-plate-thai-food_1150-21510.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "6 Colombo Special",
|
||||
price: "LKR 3,900.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-sticks-bowl-tomato-soup_114579-2018.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="From spicy kottu to refined seafood delicacies, explore our curated selection of Sri Lankan favorites."
|
||||
description="Discover our authentic Sri Lankan culinary selections."
|
||||
products={[
|
||||
{ id: "s1", name: "Seafood: Devilled Prawns", price: "LKR 2,200.00", imageSrc: "http://img.b2bpic.net/free-photo/sour-seafood-soup-tom-yum-seafood_1339-4748.jpg" },
|
||||
{ id: "v1", name: "Vegetables: Vegetable Curry", price: "LKR 950.00", imageSrc: "http://img.b2bpic.net/free-photo/stewed-vegetables-with-herbs-bowl_140725-7243.jpg" },
|
||||
{ id: "r1", name: "Rice: Mixed Fried Rice", price: "LKR 2,400.00", imageSrc: "http://img.b2bpic.net/free-photo/kimchi-fried-rice-with-fried-egg_84443-85835.jpg" },
|
||||
{ id: "n1", name: "Noodles: Spicy Singapore Noodles", price: "LKR 1,750.00", imageSrc: "http://img.b2bpic.net/free-photo/pad-thai-noodles-with-shrimp-plate_1150-24424.jpg" },
|
||||
{ id: "k1", name: "Kottu: Chicken Kottu", price: "LKR 1,600.00", imageSrc: "http://img.b2bpic.net/free-photo/indian-tasty-roti-composition_23-2149073365.jpg" },
|
||||
{ id: "s2", name: "Soups: Spicy Dal Soup", price: "LKR 800.00", imageSrc: "http://img.b2bpic.net/free-photo/bowl-spicy-lentil-soup_144627-26806.jpg" },
|
||||
{ id: "d1", name: "Soft Drinks: Fresh Lime Juice", price: "LKR 450.00", imageSrc: "http://img.b2bpic.net/free-photo/glass-fresh-lime-juice-table_144627-26806.jpg" },
|
||||
{ id: "sp1", name: "#3 Most Liked: 6 Colombo Special", price: "LKR 3,900.00", imageSrc: "http://img.b2bpic.net/free-photo/chicken-sticks-bowl-tomato-soup_114579-2018.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -179,144 +82,40 @@ export default function LandingPage() {
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Arjun Silva",
|
||||
handle: "@arjun_s",
|
||||
testimonial: "The best Kottu in Colombo. Absolutely authentic flavors!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-happy-african-american-person_1303-2104.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Nethra Perera",
|
||||
handle: "@nethra_p",
|
||||
testimonial: "I loved the seafood dishes. Fresh and incredibly spiced.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-woman-with-cheerful-expression-eats-delicious-dessert-being-good-mood-spends-spare-time-cozy-coffee-shop-enjoys-tasty-fruit-salad-attractive-female-rests-after-excursion-alone_273609-2101.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Miller",
|
||||
handle: "@dmiller",
|
||||
testimonial: "Excellent service and the atmosphere is so elegant.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-indian-couple-love-wear-saree-elegant-suit-sitting-restaurant-making-selfie-by-phone-together-table-dessert-cakes-ice-cream-juice_627829-13167.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Fernando",
|
||||
handle: "@sarah_f",
|
||||
testimonial: "The 6 Colombo Special is a must-try for everyone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-expressive-young-man_273609-6847.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kumar Jay",
|
||||
handle: "@kumar_j",
|
||||
testimonial: "Consistent taste and quality every single time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-barista-black-apron-giving-takeaway-order-holding-two-cups-coffee-smiling-standin_1258-165744.jpg",
|
||||
},
|
||||
]}
|
||||
title="Guest Reviews"
|
||||
description="Hear what our patrons have to say about their experience at 6 Colombo."
|
||||
description="What our customers are saying."
|
||||
useInvertedBackground={false}
|
||||
testimonials={[{ id: "1", name: "Arjun Silva", handle: "@arjun_s", testimonial: "The best Kottu in Colombo!" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer doorstep delivery across central Colombo.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are there vegetarian options?",
|
||||
content: "Absolutely, we have a wide range of vegetable-based dishes.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I reserve a table?",
|
||||
content: "Yes, please contact us directly via our phone number to book.",
|
||||
},
|
||||
]}
|
||||
faqs={[{ id: "f1", title: "Do you offer delivery?", content: "Yes, we deliver across Colombo." }]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about dining at 6 Colombo."
|
||||
description="Find answers to your questions here."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Contact Us"
|
||||
description="Reach out to us for orders or reservations."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Your Name" }, { name: "phone", type: "tel", placeholder: "Phone" }]}
|
||||
useInvertedBackground={false}
|
||||
title="Visit Us"
|
||||
description="We are located in the heart of Colombo. Reach out for reservations or inquiries."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chicken-stir-fried-chili-along-with-bell-pepper-tomatoes-carrots_1150-27214.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="6 Colombo"
|
||||
copyrightText="© 2025 6 Colombo. All rights reserved."
|
||||
columns={[{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#products" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user