Update src/app/page.tsx
This commit is contained in:
301
src/app/page.tsx
301
src/app/page.tsx
@@ -2,16 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,307 +26,52 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Laime"
|
||||
navItems={[]}
|
||||
brandName="Raime"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Laime"
|
||||
description="Innovating for a brighter tomorrow. Laime delivers premium solutions tailored for modern business needs with clarity and precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-metallic-dollar-sign-symbol-neutral-gradient-background-finance-concepts_84443-91455.jpg"
|
||||
logoText="Raime"
|
||||
description="Authentic Japanese ramen crafted with tradition and passion. Discover the true taste of Japan at Raime."
|
||||
buttons={[]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/delicious-ramen-bowl-table_23-2148780775.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="About Laime"
|
||||
description="We are a forward-thinking consultancy dedicated to helping businesses achieve their full potential through strategic design and implementation. Our approach is rooted in simplicity, excellence, and measurable growth."
|
||||
title="About Raime"
|
||||
description="Raime brings the authentic warmth and flavors of Japanese ramen culture to your neighborhood. We prioritize quality ingredients and time-honored techniques to create the perfect bowl of ramen."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "3.8", title: "Star Rating"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Clients Served",
|
||||
},
|
||||
value: "39", title: "Reviews"},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Satisfaction Rate",
|
||||
},
|
||||
value: "¥1,000", title: "Average Price"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826255.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Digital Transformation",
|
||||
description: "Streamlining your business processes for digital efficiency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sketch-design-designer-creative-idea-concept_53876-120911.jpg",
|
||||
},
|
||||
{
|
||||
title: "Strategic Planning",
|
||||
description: "High-impact strategies crafted by expert professionals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-hand-with-financial-charts-laptop-table_1232-4896.jpg",
|
||||
},
|
||||
{
|
||||
title: "Connected Networks",
|
||||
description: "Robust infrastructure to keep your business communicating.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/computer-repair-template-design_23-2151454626.jpg",
|
||||
},
|
||||
]}
|
||||
title="Core Services"
|
||||
description="Comprehensive solutions built for scale and long-term success."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "We are always here to help you succeed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/individuality-concept-light-bulb_23-2149125669.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15ms",
|
||||
title: "Response",
|
||||
description: "Rapid response time for all your queries.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-holding-energy-ratings-hand_1048-17797.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Security",
|
||||
description: "Your data is safe in our hands.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/integrate-circuit-board-graphics-concept_53876-13716.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Trust Us?"
|
||||
description="Proven performance, measured by impact."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Startup Package",
|
||||
price: "$99",
|
||||
variant: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-worker-white-dress-holding-folder-blue-wall_140725-150039.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Growth Suite",
|
||||
price: "$299",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-satisfaction-service-care-problem-solving_53876-120092.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Scale Pro",
|
||||
price: "$499",
|
||||
variant: "Elite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399290.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Enterprise Plus",
|
||||
price: "$999",
|
||||
variant: "Full",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-collage_23-2149631013.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Core System",
|
||||
price: "$199",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091328.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Global Reach",
|
||||
price: "$599",
|
||||
variant: "Advance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tilted-blank-white-paper-bag-white-background_187299-46877.jpg",
|
||||
},
|
||||
]}
|
||||
title="Business Solutions"
|
||||
description="Tailored packages to drive your business forward."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Outstanding!",
|
||||
quote: "Laime completely transformed our business operations.",
|
||||
name: "Sarah J.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curious-intrigued-female-entrepreneur-listening-managers-advices-crossing-hands-chest-looking-focused-interested-camera-as-hearing-out-suggestions-posing-glasses-white-wall_176420-56018.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Top Tier",
|
||||
quote: "Professional, efficient, and very reliable.",
|
||||
name: "Michael C.",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Highly Recommend",
|
||||
quote: "The team at Laime knows their craft inside out.",
|
||||
name: "Emily R.",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-christmas_1303-12441.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Incredible Growth",
|
||||
quote: "Seeing tangible results within the first month.",
|
||||
name: "David K.",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-employee-black-suit-looks-positive_114579-18963.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Seamless Work",
|
||||
quote: "A true pleasure collaborating with Laime.",
|
||||
name: "Lisa B.",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-light-background-portrait_52683-91436.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of Success"
|
||||
description="Hear what our clients have to say about working with us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What services do you offer?",
|
||||
content: "We offer comprehensive digital transformation and strategy planning services.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I upgrade my plan?",
|
||||
content: "Yes, our flexible plans allow you to scale at any time.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I get started?",
|
||||
content: "Contact us using the form below and we'll reach out.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Quick answers to help you get started."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/chef-preparing-ramen-kitchen_23-2148816402.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Get in touch"
|
||||
description="Ready to take the next step? Let's talk about your business goals."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smart-medical-lab-workstation-background-with-digital-apps-computer-screen_482257-124525.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Join us at Raime"
|
||||
description="Experience authentic ramen in the heart of Japan. We look forward to welcoming you!"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/cozy-ramen-restaurant-interior_23-2148842345.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Laime"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Raime"
|
||||
columns={[]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user