Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #4.
This commit is contained in:
199
src/app/page.tsx
199
src/app/page.tsx
@@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import { Zap, CheckCircle, Star, Shield, TrendingUp } from 'lucide-react';
|
import { Utensils, Clock, MapPin, Phone } from 'lucide-react';
|
||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||||
@@ -11,7 +11,6 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|||||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
||||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
@@ -26,20 +25,16 @@ export default function LandingPage() {
|
|||||||
cardStyle="layered-gradient"
|
cardStyle="layered-gradient"
|
||||||
primaryButtonStyle="gradient"
|
primaryButtonStyle="gradient"
|
||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="layered"
|
||||||
headingFontWeight="light"
|
headingFontWeight="semibold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "About", id: "about" },
|
||||||
name: "About", id: "about"},
|
{ name: "Menu", id: "features" },
|
||||||
{
|
{ name: "Reviews", id: "testimonials" },
|
||||||
name: "Features", id: "features"},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
|
||||||
name: "Testimonials", id: "testimonials"},
|
|
||||||
{
|
|
||||||
name: "Contact", id: "contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="Bunga Raya"
|
brandName="Bunga Raya"
|
||||||
/>
|
/>
|
||||||
@@ -47,66 +42,32 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars"}}
|
title="Authentic Malaysian Flavors in New Lynn"
|
||||||
title="Excellence in Every Petal"
|
description="Experience the vibrant taste of Malaysia at Bunga Raya. From our signature XO Chicken to our authentic Roti Canai, every dish is prepared with passion and tradition."
|
||||||
description="Bunga Raya brings a refined approach to business solutions, combining elegance with high-impact results for your growth journey."
|
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{ value: "10+", label: "Year Legacy" },
|
||||||
value: "100+", label: "Projects Completed"},
|
{ value: "50+", label: "Authentic Dishes" },
|
||||||
{
|
{ value: "4.8/5", label: "Customer Rating" },
|
||||||
value: "98%", label: "Client Satisfaction"},
|
|
||||||
{
|
|
||||||
value: "15", label: "Years Experience"},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
buttons={[
|
buttons={[{ text: "View Menu", href: "#features" }, { text: "Book a Table", href: "#contact" }]}
|
||||||
{
|
imageSrc="https://img.freepik.com/free-photo/chicken-fried-rice-with-vegetables-plate_144627-14264.jpg"
|
||||||
text: "Get Started", href: "#contact"},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-towel-flower-red-background_23-2148223754.jpg?_wi=1"
|
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/confident-businessman-with-colleagues_107420-74309.jpg", alt: "Portrait of professional colleague 1"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-senior-business-man-relaxing_1262-2369.jpg", alt: "Portrait of professional colleague 2"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/multiethnic-leaders-strategizing-corporate-success-gender-equality_482257-123645.jpg", alt: "Portrait of professional colleague 3"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/friendly-successful-female-professional-posing-with-arms-folded_74855-2814.jpg", alt: "Portrait of professional colleague 4"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84733.jpg", alt: "Portrait of professional colleague 5"},
|
|
||||||
]}
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text", text: "Strategic Consulting"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Global Scale"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Market Innovation"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Secure Growth"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Data Analytics"},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<MetricSplitMediaAbout
|
<MetricSplitMediaAbout
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="A Legacy of Growth"
|
title="About Bunga Raya"
|
||||||
description="We believe that businesses, like nature, thrive with careful cultivation. Bunga Raya is dedicated to nurturing your professional vision through tailored strategies and industry-leading expertise."
|
description="Located in the heart of New Lynn, Auckland, Bunga Raya has been serving the community with authentic Malaysian cuisine for over a decade. We pride ourselves on using fresh ingredients and traditional recipes passed down through generations."
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ value: "New Lynn", title: "Location" },
|
||||||
value: "50%", title: "Efficiency Gain"},
|
{ value: "Daily", title: "Fresh Ingredients" },
|
||||||
{
|
|
||||||
value: "3x", title: "Revenue Growth"},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/business-associates-reviewing-key-performance-indicators-within-enterprise_482257-122792.jpg?_wi=1"
|
imageSrc="https://img.freepik.com/free-photo/top-view-delicious-malaysian-food-table_23-2148737385.jpg"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
metricsAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -115,108 +76,50 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "XO Chicken", description: "Our signature dish, stir-fried to perfection with our secret house-made XO sauce.", buttonIcon: Utensils },
|
||||||
title: "Strategy Development", description: "Precision-crafted roadmaps for scaling.", imageSrc: "http://img.b2bpic.net/free-photo/some-3d-glasses_23-2147775802.jpg?_wi=1", buttonIcon: Zap,
|
{ title: "Roti Canai", description: "Crispy, flaky traditional flatbread served with our rich, aromatic curry dahl.", buttonIcon: Utensils },
|
||||||
},
|
{ title: "Nasi Lemak", description: "Fragrant coconut rice served with spicy sambal, fried anchovies, and peanuts.", buttonIcon: Utensils },
|
||||||
{
|
{ title: "Satay Skewers", description: "Grilled marinated meat skewers served with a savory, nutty dipping sauce.", buttonIcon: Utensils },
|
||||||
title: "Process Optimization", description: "Streamlining workflows for efficiency.", imageSrc: "http://img.b2bpic.net/free-vector/performance-featuring-35-128x128-vector-icons-flat-design_1142-266630.jpg?_wi=1", buttonIcon: CheckCircle,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Brand Elevation", description: "Unique positioning in crowded markets.", imageSrc: "http://img.b2bpic.net/free-photo/call-center-operator-assisting-users-with-installing-software_482257-117872.jpg?_wi=1", buttonIcon: Star,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Secure Infrastructure", description: "Scalable foundations built for growth.", imageSrc: "http://img.b2bpic.net/free-photo/it-operator-prevents-servers-overload_482257-75899.jpg", buttonIcon: Shield,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Data-Driven Insights", description: "Empowering decisions with hard metrics.", imageSrc: "http://img.b2bpic.net/free-photo/sound-waves-coming-out-from-human-ear_23-2149831012.jpg", buttonIcon: TrendingUp,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Core Capabilities"
|
title="Popular Dishes"
|
||||||
description="Our suite of professional services is designed to elevate your brand presence."
|
description="Taste the favorites that our regulars keep coming back for."
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
|
||||||
<MetricCardFourteen
|
|
||||||
useInvertedBackground={true}
|
|
||||||
title="Proven Impact"
|
|
||||||
tag="Performance"
|
|
||||||
metrics={[
|
|
||||||
{
|
|
||||||
id: "m1", value: "1200+", description: "Strategic consultations"},
|
|
||||||
{
|
|
||||||
id: "m2", value: "500+", description: "Market segments served"},
|
|
||||||
{
|
|
||||||
id: "m3", value: "10k", description: "Global user reach"},
|
|
||||||
]}
|
|
||||||
metricsAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardFive
|
<TestimonialCardFive
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
id: "t1", name: "Sarah Chen", date: "Jan 2025", title: "CEO", quote: "Bunga Raya redefined our growth trajectory completely.", tag: "Trusted", avatarSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-towel-flower-red-background_23-2148223754.jpg?_wi=2", imageAlt: "happy client portrait professional"},
|
|
||||||
{
|
|
||||||
id: "t2", name: "Marcus Thorne", date: "Feb 2025", title: "Founder", quote: "Their strategic insight is unmatched.", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-associates-reviewing-key-performance-indicators-within-enterprise_482257-122792.jpg?_wi=2", imageAlt: "happy client portrait professional"},
|
|
||||||
{
|
|
||||||
id: "t3", name: "Elena Rodriguez", date: "Mar 2025", title: "Director", quote: "Truly a partner in every sense of the word.", tag: "Reliable", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", imageSrc: "http://img.b2bpic.net/free-photo/some-3d-glasses_23-2147775802.jpg?_wi=2", imageAlt: "happy client portrait professional"},
|
|
||||||
{
|
|
||||||
id: "t4", name: "David Wu", date: "Mar 2025", title: "CTO", quote: "Clean, effective, and results-driven services.", tag: "Efficient", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-business-partners-having-meeting-cafe_1262-1954.jpg", imageSrc: "http://img.b2bpic.net/free-vector/performance-featuring-35-128x128-vector-icons-flat-design_1142-266630.jpg?_wi=2", imageAlt: "happy client portrait professional"},
|
|
||||||
{
|
|
||||||
id: "t5", name: "Amelia Smith", date: "Apr 2025", title: "Lead", quote: "The absolute standard for corporate branding.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2626.jpg", imageSrc: "http://img.b2bpic.net/free-photo/call-center-operator-assisting-users-with-installing-software_482257-117872.jpg?_wi=2", imageAlt: "happy client portrait professional"},
|
|
||||||
]}
|
|
||||||
title="Voices of Partnership"
|
|
||||||
description="Don't take our word for it. Hear what our partners say."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="socialproof" data-section="socialproof">
|
|
||||||
<SocialProofOne
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
names={[
|
testimonials={[
|
||||||
"InnovateTech", "GrowthPartners", "GlobalReach", "FutureSystems", "BlueSkyCorp", "VisionLed", "CoreSolutions"]}
|
{ id: "t1", name: "John D.", date: "May 2024", title: "Local Foodie", quote: "The best Roti Canai in Auckland! Reminds me of my travels.", tag: "Amazing", avatarSrc: "https://i.pravatar.cc/150?u=1" },
|
||||||
title="Trusted by Leaders"
|
{ id: "t2", name: "Sarah K.", date: "April 2024", title: "Regular", quote: "XO Chicken is a must-try. I visit every week.", tag: "Excellent", avatarSrc: "https://i.pravatar.cc/150?u=2" },
|
||||||
description="We are proud to serve some of the most forward-thinking brands."
|
]}
|
||||||
|
title="What Our Customers Say"
|
||||||
|
description="Loved by the local New Lynn community."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitMedia
|
<FaqSplitMedia
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "f1", title: "What are your hours?", content: "We are open Tuesday-Sunday, 11 AM - 9 PM. Closed Mondays." },
|
||||||
id: "f1", title: "How do I start?", content: "Simply reach out for an initial consultation."},
|
{ id: "f2", title: "Where are you located?", content: "Find us in New Lynn, Auckland. Easily accessible with parking nearby." },
|
||||||
{
|
{ id: "f3", title: "Do you take bookings?", content: "Yes, walk-ins are welcome, but bookings are recommended for weekends." },
|
||||||
id: "f2", title: "What is the timeline?", content: "Timelines depend on specific project scopes."},
|
|
||||||
{
|
|
||||||
id: "f3", title: "Do you offer remote?", content: "Yes, we work with global teams remotely."},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/man-customer-center-assisting-clients-needing-help-resetting-password_482257-117894.jpg"
|
title="Plan Your Visit"
|
||||||
title="Common Questions"
|
description="Everything you need to know about dining at Bunga Raya."
|
||||||
description="Get quick answers about our approach."
|
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
mediaAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient"}}
|
tag="Contact Us"
|
||||||
tag="Let's Connect"
|
title="Ready to Dine With Us?"
|
||||||
title="Ready to Grow?"
|
description="Call us at (09) 123 4567 or visit us at our New Lynn branch today."
|
||||||
description="Drop us a line today to start your journey."
|
buttons={[{ text: "Call Now", href: "tel:+6491234567" }]}
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Contact Us", href: "#"},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -224,24 +127,10 @@ export default function LandingPage() {
|
|||||||
<FooterBaseCard
|
<FooterBaseCard
|
||||||
logoText="Bunga Raya"
|
logoText="Bunga Raya"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Visit Us", items: [{ label: "New Lynn, Auckland", href: "#" }] },
|
||||||
title: "Company", items: [
|
{ title: "Contact", items: [{ label: "(09) 123 4567", href: "tel:+6491234567" }] },
|
||||||
{
|
|
||||||
label: "About", href: "#about"},
|
|
||||||
{
|
|
||||||
label: "Careers", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Support", items: [
|
|
||||||
{
|
|
||||||
label: "Contact", href: "#contact"},
|
|
||||||
{
|
|
||||||
label: "Help", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2025 Bunga Raya | All rights reserved."
|
copyrightText="© 2025 Bunga Raya Restaurant"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user