bender/f11f0ec6-503a-4b32-bf40-261b67acd313
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-04-12 03:30:17 +00:00
Conversation 0 Commits 4 Files Changed 4 +61 -412
4 changed files with 61 additions and 412 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
src/app/about/page.tsx
View File

@@ -1,131 +1,26 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
export default function LandingPage() {
export default function About() {
const navItems = [{ name: 'Home', id: '/' }, { name: 'About', id: '/about' }, { name: 'Services', id: '/services' }, { name: 'Contact', id: '/contact' }];
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles"
background="aurora"
cardStyle="glass-depth"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="ELEVATE"
/>
</div>
<div id="about-page-inner" data-section="about-page-inner">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Our Story"
description="ELEVATE was built on a simple idea: deliver excellence without compromise. From concept to completion, every step reflects precision and care."
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
metrics={[
{
value: "100+",
title: "Clients Served",
},
{
value: "15",
title: "Years Expertise",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600781.jpg"
imageAlt="Artisan doing woodcutting"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Join Us"
title="Partner with Excellence"
description="We are looking for individuals who share our vision for quality and refinement."
buttons={[
{
text: "Join Our Team",
href: "/contact",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About",
href: "/about",
},
{
label: "Services",
href: "/services",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Twitter",
href: "#",
},
{
label: "LinkedIn",
href: "#",
},
],
},
]}
logoText="ELEVATE"
/>
</div>
</ReactLenis>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay navItems={navItems} brandName="ELEVATE" />
</div>
<div id="about-page-inner" data-section="about-page-inner">
<MetricSplitMediaAbout useInvertedBackground={false} title="Our Story" description="ELEVATE was built on a simple idea: deliver excellence without compromise. From concept to completion, every step reflects precision and care." mediaAnimation="blur-reveal" metricsAnimation="slide-up" metrics={[{ value: "100+", title: "Clients Served" }, { value: "15", title: "Years Expertise" }]} imageSrc="http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600781.jpg" imageAlt="Artisan doing woodcutting" />
</div>
<div id="contact" data-section="contact">
<ContactCTA useInvertedBackground={false} background={{ variant: "plain" }} tag="Join Us" title="Partner with Excellence" description="We are looking for individuals who share our vision for quality and refinement." buttons={[{ text: "Join Our Team", href: "/contact" }]} />
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis columns={[{ items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] }, { items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] }]} logoText="ELEVATE" />
</div>
</ThemeProvider>
);
}
}

155
src/app/contact/page.tsx
View File

@@ -1,139 +1,26 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
export default function Contact() {
const navItems = [{ name: 'Home', id: '/' }, { name: 'About', id: '/about' }, { name: 'Services', id: '/services' }, { name: 'Contact', id: '/contact' }];
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles"
background="aurora"
cardStyle="glass-depth"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="ELEVATE"
/>
</div>
<div id="contact-inner" data-section="contact-inner">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Where are you located?",
content: "Our headquarters are in the heart of the city.",
},
{
id: "2",
title: "How do I book?",
content: "Reach out via our form and we will contact you.",
},
{
id: "3",
title: "Do you offer virtual visits?",
content: "Yes, we facilitate remote consultations globally.",
},
]}
title="Let’s Connect"
description="Our team is ready to assist you. Monday–Friday: 9AM–6PM. Saturday: 10AM–4PM."
faqsAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-147930.jpg"
imageAlt="Register Enquiry Online Web Page Concept"
mediaAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Let's Talk"
title="Reach Out to Our Concierge"
description="Our team is dedicated to providing you with the support you need."
buttons={[
{
text: "Send a Message",
href: "/contact",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About",
href: "/about",
},
{
label: "Services",
href: "/services",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Twitter",
href: "#",
},
{
label: "LinkedIn",
href: "#",
},
],
},
]}
logoText="ELEVATE"
/>
</div>
</ReactLenis>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay navItems={navItems} brandName="ELEVATE" />
</div>
<div id="contact-inner" data-section="contact-inner">
<FaqSplitMedia textboxLayout="split" useInvertedBackground={false} faqs={[{ id: "1", title: "Where are you located?", content: "Our headquarters are in the heart of the city." }, { id: "2", title: "How do I book?", content: "Reach out via our form and we will contact you." }, { id: "3", title: "Do you offer virtual visits?", content: "Yes, we facilitate remote consultations globally." }]} title="Let’s Connect" description="Our team is ready to assist you. Monday–Friday: 9AM–6PM. Saturday: 10AM–4PM." faqsAnimation="blur-reveal" imageSrc="http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-147930.jpg" imageAlt="Register Enquiry Online Web Page Concept" mediaAnimation="blur-reveal" />
</div>
<div id="contact" data-section="contact">
<ContactCTA useInvertedBackground={false} background={{ variant: "plain" }} tag="Let's Talk" title="Reach Out to Our Concierge" description="Our team is dedicated to providing you with the support you need." buttons={[{ text: "Send a Message", href: "/contact" }]} />
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis columns={[{ items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] }, { items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] }]} logoText="ELEVATE" />
</div>
</ThemeProvider>
);
}
}

1
src/app/page.tsx
View File

@@ -6,7 +6,6 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import Link from 'next/link';
export default function Home() {
const navItems = [{ name: 'Home', id: '/' }, { name: 'About', id: '/about' }, { name: 'Services', id: '/services' }, { name: 'Contact', id: '/contact' }];

172
src/app/services/page.tsx
View File

@@ -1,158 +1,26 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
export default function Services() {
const navItems = [{ name: 'Home', id: '/' }, { name: 'About', id: '/about' }, { name: 'Services', id: '/services' }, { name: 'Contact', id: '/contact' }];
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles"
background="aurora"
cardStyle="glass-depth"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="ELEVATE"
/>
</div>
<div id="services-inner" data-section="services-inner">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "s1",
brand: "ELEVATE",
name: "Consultation",
price: "$500",
rating: 5,
reviewCount: "10",
imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409268.jpg",
},
{
id: "s2",
brand: "ELEVATE",
name: "Personal Styling",
price: "$1,200",
rating: 5,
reviewCount: "25",
imageSrc: "http://img.b2bpic.net/free-photo/corporation-cooparation-collaboration-word-concept_53876-165261.jpg",
},
{
id: "s3",
brand: "ELEVATE",
name: "Event Planning",
price: "$3,000",
rating: 5,
reviewCount: "40",
imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-results-summary-graph-chart-word-graphic_53876-123984.jpg",
},
{
id: "s4",
brand: "ELEVATE",
name: "VIP Concierge",
price: "$8,000",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/messy-fashion-still-life-arrangement_23-2148229227.jpg",
},
]}
title="Our Services"
description="Curated experiences for the discerning individual."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Get Started"
title="Inquire About Our Services"
description="We offer bespoke consultations to ensure your requirements are met with absolute precision."
buttons={[
{
text: "Inquire Now",
href: "/contact",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About",
href: "/about",
},
{
label: "Services",
href: "/services",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Twitter",
href: "#",
},
{
label: "LinkedIn",
href: "#",
},
],
},
]}
logoText="ELEVATE"
/>
</div>
</ReactLenis>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay navItems={navItems} brandName="ELEVATE" />
</div>
<div id="services-inner" data-section="services-inner">
<ProductCardTwo animationType="slide-up" textboxLayout="split" gridVariant="four-items-2x2-equal-grid" useInvertedBackground={true} products={[{ id: "s1", brand: "ELEVATE", name: "Consultation", price: "$500", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409268.jpg" }, { id: "s2", brand: "ELEVATE", name: "Personal Styling", price: "$1,200", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/corporation-cooparation-collaboration-word-concept_53876-165261.jpg" }, { id: "s3", brand: "ELEVATE", name: "Event Planning", price: "$3,000", rating: 5, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-results-summary-graph-chart-word-graphic_53876-123984.jpg" }, { id: "s4", brand: "ELEVATE", name: "VIP Concierge", price: "$8,000", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/messy-fashion-still-life-arrangement_23-2148229227.jpg" }]} title="Our Services" description="Curated experiences for the discerning individual." />
</div>
<div id="contact" data-section="contact">
<ContactCTA useInvertedBackground={false} background={{ variant: "plain" }} tag="Get Started" title="Inquire About Our Services" description="We offer bespoke consultations to ensure your requirements are met with absolute precision." buttons={[{ text: "Inquire Now", href: "/contact" }]} />
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis columns={[{ items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] }, { items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] }]} logoText="ELEVATE" />
</div>
</ThemeProvider>
);
}
}