Merge version_3 into main #4
@@ -3,13 +3,10 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -32,6 +29,7 @@ export default function LandingPage() {
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "About", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
@@ -63,8 +61,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Smart Scheduling", description: "Real-time availability tracking that fits your busy life instantly.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/floating-screen-clay-phone-16-pro-max_187299-46642.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/time-organization-concept-with-planner-flat-lay_23-2149046743.jpg" } },
|
||||
{ title: "Liquid Dashboard", description: "Manage all your upcoming and past bookings from one elegant screen.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336540.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/task-management-application_23-2148628459.jpg" } },
|
||||
{ title: "Secure Payments", description: "Enterprise-grade encryption protecting your bookings every step of the way.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-calendar-design_23-2149239449.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/smart-home-management_52683-43342.jpg" } },
|
||||
{ title: "Liquid Dashboard", description: "Manage all your upcoming and past bookings from one elegant screen.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336540.jpg" }, phoneTwo: { imageSrc: "http://img.b2_vector/task-management-application_23-2148628459.jpg" } },
|
||||
{ title: "Secure Payments", description: "Enterprise-grade encryption protecting your bookings every step of the way.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-calendar-design_23-2149239449.jpg" }, phoneTwo: { imageSrc: "http://img.b2_vector/smart-home-management_52683-43342.jpg" } },
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Designed for Flow"
|
||||
|
||||
58
src/app/products/page.tsx
Normal file
58
src/app/products/page.tsx
Normal file
@@ -0,0 +1,58 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
|
||||
export default function ProductsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="fluid"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "About", id: "/" },
|
||||
{ name: "Contact", id: "/" },
|
||||
]}
|
||||
brandName="ReserveElite"
|
||||
/>
|
||||
|
||||
<div id="products" data-section="products" style={{ marginTop: "100px" }}>
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
title="Our Products"
|
||||
description="Discover our wide range of premium products tailored for your needs."
|
||||
products={[
|
||||
{ id: "p1", name: "Premium Planner", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/planner-workspace-flat-lay_23-2148961730.jpg" },
|
||||
{ id: "p2", name: "Ergonomic Desk Mat", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/desk-mat-textured_23-2148961745.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterLogoReveal
|
||||
logoText="ReserveElite"
|
||||
leftLink={{ text: "Privacy", href: "#" }}
|
||||
rightLink={{ text: "Terms", href: "#" }}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -3,8 +3,8 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
@@ -25,6 +25,7 @@ export default function ServicesPage() {
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "#products" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "About", id: "/" },
|
||||
{ name: "Contact", id: "/" },
|
||||
]}
|
||||
@@ -44,8 +45,8 @@ export default function ServicesPage() {
|
||||
{ id: "2", name: "Strategy Session", price: "$250", variant: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-working-cafe-counter-processing-orders-using-pos-terminal-receiving_1258-199483.jpg" },
|
||||
{ id: "3", name: "Digital Coaching", price: "$180", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/woman-hands-injecting-liquid-into-credit-card-with-syringe-cash-injection-concept_1301-3462.jpg" },
|
||||
{ id: "4", name: "Creative Studio", price: "$300", variant: "Master", imageSrc: "http://img.b2bpic.net/free-photo/vintage-stationery-with-warm-light-shadows_24972-3068.jpg" },
|
||||
{ id: "5", name: "Health Coaching", price: "$150", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-vector/multicolor-business-card-collection_1043-485.jpg" },
|
||||
{ id: "6", name: "Spa Therapy", price: "$200", variant: "Relaxation", imageSrc: "http://img.b2bpic.net/free-vector/minimalist-abstract-massage-wellness-gift-certificate_23-2148971950.jpg" },
|
||||
{ id: "5", name: "Health Coaching", price: "$150", variant: "Pro", imageSrc: "http://img.b2_vector/multicolor-business-card-collection_1043-485.jpg" },
|
||||
{ id: "6", name: "Spa Therapy", price: "$200", variant: "Relaxation", imageSrc: "http://img.b2_vector/minimalist-abstract-massage-wellness-gift-certificate_23-2148971950.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user