Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-18 15:18:54 +00:00

View File

@@ -1,375 +1,125 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextAbout from '@/components/sections/about/TextAbout';
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import Link from "next/link";
export default function LandingPage() {
const navItems = [{ name: "Home", id: "/" }];
export default function Page() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="small"
sizing="largeSizeMediumTitles"
background="floatingGradient"
cardStyle="gradient-radial"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Shop",
id: "products",
},
{
name: "About",
id: "about",
},
{
name: "Support",
id: "contact",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Smart Phone"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
title="Technology, Refined."
description="Discover the worlds most advanced smartphones — curated, configured, and delivered with precision."
buttons={[
{
text: "Shop Collection",
href: "#products",
},
{
text: "Book a Consultation",
href: "#contact",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-spotlight_84443-86318.jpg?_wi=1",
imageAlt: "Hero background luxury tech",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-relax-hotel-lounge_482257-102644.jpg",
imageAlt: "Hero background luxury tech",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/business-people-syncing-data-by-mobile-phone_53876-14924.jpg",
imageAlt: "Hero background luxury tech",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/management-verifying-task-progress_482257-80309.jpg",
imageAlt: "Hero background luxury tech",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg",
imageAlt: "Hero background luxury tech",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-using-tablet-hall_23-2147689167.jpg",
imageAlt: "Hero background luxury tech",
},
]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"TechCrunch",
"Forbes",
"Wired",
"Bloomberg",
"The Verge",
"AppleInsider",
"CNET",
]}
title="Trusted by Leaders"
description="Providing elite tech curation for over 10,000 professionals globally."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "iPhone 15 Pro",
price: "£1,199",
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-design-with-floating-elements_187299-46984.jpg?_wi=1",
},
{
id: "2",
name: "Galaxy S24 Ultra",
price: "£1,249",
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4956.jpg?_wi=1",
},
{
id: "3",
name: "Pixel 8 Pro",
price: "£999",
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-screen-concept_1194-638673.jpg?_wi=1",
},
{
id: "4",
name: "iPhone 15 Pro Max",
price: "£1,399",
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-surrounded-with-scrub-glove-soap-perfume-bottle-towel-sponge-marble-backdrop_23-2147926923.jpg?_wi=1",
},
{
id: "5",
name: "Galaxy Z Fold 5",
price: "£1,749",
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-5094.jpg",
},
{
id: "6",
name: "OnePlus 12",
price: "£849",
imageSrc: "http://img.b2bpic.net/free-photo/young-slavic-female-barber-wearing-uniform-singing-using-mobile-phone-as-microphone-keeping-hand-air-isolated-orange-background_141793-89843.jpg",
},
]}
title="Featured Collection"
description="Our curated selection of premium devices for the discerning user."
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Not Just a Store. A Smarter Way to Buy."
buttons={[
{
text: "Learn More",
href: "#",
},
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardSix
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Expert Curation",
description: "Only the best models, tested for performance and reliability.",
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-clay-phone-16-pro-max_187299-45928.jpg",
imageAlt: "Horizontal Clay Phone 16 Pro Max",
},
{
title: "Personal Setup",
description: "We optimize your device before it even hits your hands.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-spotlight_84443-86318.jpg?_wi=2",
imageAlt: "Horizontal Clay Phone 16 Pro Max",
},
{
title: "Exclusive Access",
description: "Get early access to upcoming tech and limited editions.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-design-with-floating-elements_187299-46984.jpg?_wi=2",
imageAlt: "Horizontal Clay Phone 16 Pro Max",
},
]}
title="Why Smart Phone?"
description="We elevate how you experience technology."
/>
</div>
<div id="steps" data-section="steps">
<FeatureCardSix
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "1. Choose Your Device",
description: "Explore our expert-vetted selection.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-illuminated-against-black-background_187299-46907.jpg",
imageAlt: "Modern smartphone with blank screen illuminated against a black background",
},
{
title: "2. Customize Your Setup",
description: "Select preferences for apps and security.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-spotlight_84443-86318.jpg?_wi=3",
imageAlt: "Modern smartphone with blank screen illuminated against a black background",
},
{
title: "3. Delivered Ready",
description: "Unbox an optimized phone, ready to go.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-design-with-floating-elements_187299-46984.jpg?_wi=3",
imageAlt: "Modern smartphone with blank screen illuminated against a black background",
},
]}
title="Concierge Experience"
description="Seamless purchase journey in 3 simple steps."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "John Doe",
date: "2023-10-01",
title: "CEO",
quote: "The most seamless tech purchase I've ever made.",
tag: "Elite Client",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman-holding-disposable-coffee-cup-hand-looking-camera_23-2148176166.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-spotlight_84443-86318.jpg?_wi=4",
imageAlt: "portrait professional success tech",
},
{
id: "2",
name: "Jane Smith",
date: "2023-10-05",
title: "Director",
quote: "Felt like a luxury service, not a store.",
tag: "Elite Client",
avatarSrc: "http://img.b2bpic.net/free-photo/mature-university-student-preparing-her-thesis-campus-library-study-room_482257-122549.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-design-with-floating-elements_187299-46984.jpg?_wi=4",
imageAlt: "portrait professional success tech",
},
{
id: "3",
name: "Robert Brown",
date: "2023-10-10",
title: "Founder",
quote: "Incredible attention to detail in the setup.",
tag: "Elite Client",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-unshaven-employee_1098-4075.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4956.jpg?_wi=2",
imageAlt: "portrait professional success tech",
},
{
id: "4",
name: "Alice White",
date: "2023-10-12",
title: "Manager",
quote: "Saved me hours of setup time. Highly recommended.",
tag: "Elite Client",
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-model-posing-street_1303-14485.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-screen-concept_1194-638673.jpg?_wi=2",
imageAlt: "portrait professional success tech",
},
{
id: "5",
name: "Mark Wilson",
date: "2023-10-15",
title: "Architect",
quote: "The concierge setup is a total game changer.",
tag: "Elite Client",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-bearded-businessman-with-black-eyeglasses_23-2147941450.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-surrounded-with-scrub-glove-soap-perfume-bottle-towel-sponge-marble-backdrop_23-2147926923.jpg?_wi=2",
imageAlt: "portrait professional success tech",
},
]}
title="Client Experiences"
description="Luxury tech concierge services, rated 5 stars."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Upgrade Your Everyday"
description="Speak to an expert concierge for tailored advice."
inputs={[
{
name: "name",
type: "text",
placeholder: "Name",
},
{
name: "email",
type: "email",
placeholder: "Email",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142188.jpg"
buttonText="Speak to an Expert"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Smart Phone"
columns={[
{
title: "Shop",
items: [
{
label: "All Products",
href: "#products",
},
{
label: "New Arrivals",
href: "#products",
},
],
},
{
title: "Support",
items: [
{
label: "Chat with Concierge",
href: "#contact",
},
{
label: "FAQs",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
]}
/>
</div>
</ReactLenis>
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen navItems={navItems} logoText="Smart Phone" />
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{ variant: "gradient-bars" }}
title="Technology, Refined."
description="Discover the worlds most advanced smartphones — curated, configured, and delivered with precision."
buttons={[{ text: "Shop Collection", href: "#products" }, { text: "Book a Consultation", href: "#contact" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-spotlight_84443-86318.jpg", imageAlt: "luxury smartphone dark studio" },
{ imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-relax-hotel-lounge_482257-102644.jpg", imageAlt: "luxury smartphone dark studio" },
{ imageSrc: "http://img.b2bpic.net/free-photo/business-people-syncing-data-by-mobile-phone_53876-14924.jpg", imageAlt: "luxury smartphone dark studio" },
{ imageSrc: "http://img.b2bpic.net/free-photo/management-verifying-task-progress_482257-80309.jpg", imageAlt: "luxury smartphone dark studio" },
{ imageSrc: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg", imageAlt: "luxury smartphone dark studio" },
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-using-tablet-hall_23-2147689167.jpg", imageAlt: "luxury smartphone dark studio" }
]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne names={["TechCrunch", "Forbes", "Wired", "Bloomberg", "The Verge", "AppleInsider", "CNET"]} title="Trusted by Leaders" description="Providing elite tech curation for over 10,000 professionals globally." textboxLayout="default" useInvertedBackground={false} />
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
title="Featured Collection"
description="Our curated selection of premium devices for the discerning user."
products={[
{ id: "1", name: "iPhone 15 Pro", price: "£1,199", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-design-with-floating-elements_187299-46984.jpg" },
{ id: "2", name: "Galaxy S24 Ultra", price: "£1,249", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4956.jpg" },
{ id: "3", name: "Pixel 8 Pro", price: "£999", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-screen-concept_1194-638673.jpg" },
{ id: "4", name: "iPhone 15 Pro Max", price: "£1,399", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-surrounded-with-scrub-glove-soap-perfume-bottle-towel-sponge-marble-backdrop_23-2147926923.jpg" },
{ id: "5", name: "Galaxy Z Fold 5", price: "£1,749", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-5094.jpg" },
{ id: "6", name: "OnePlus 12", price: "£849", imageSrc: "http://img.b2bpic.net/free-photo/young-slavic-female-barber-wearing-uniform-singing-using-mobile-phone-as-microphone-keeping-hand-air-isolated-orange-background_141793-89843.jpg" }
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout title="Not Just a Store. A Smarter Way to Buy." useInvertedBackground={false} buttons={[{ text: "Learn More", href: "#" }]} />
</div>
<div id="features" data-section="features">
<FeatureCardSix
textboxLayout="default"
useInvertedBackground={false}
title="Why Smart Phone?"
description="We elevate how you experience technology."
features={[
{ title: "Expert Curation", description: "Only the best models, tested for performance and reliability.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-clay-phone-16-pro-max_187299-45928.jpg" },
{ title: "Personal Setup", description: "We optimize your device before it even hits your hands.", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-spotlight_84443-86318.jpg" },
{ title: "Exclusive Access", description: "Get early access to upcoming tech and limited editions.", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-design-with-floating-elements_187299-46984.jpg" }
]}
/>
</div>
<div id="steps" data-section="steps">
<FeatureCardSix
textboxLayout="default"
useInvertedBackground={true}
title="Concierge Experience"
description="Seamless purchase journey in 3 simple steps."
features={[
{ title: "1. Choose Your Device", description: "Explore our expert-vetted selection.", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-illuminated-against-black-background_187299-46907.jpg" },
{ title: "2. Customize Your Setup", description: "Select preferences for apps and security.", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-spotlight_84443-86318.jpg" },
{ title: "3. Delivered Ready", description: "Unbox an optimized phone, ready to go.", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-design-with-floating-elements_187299-46984.jpg" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
title="Client Experiences"
description="Luxury tech concierge services, rated 5 stars."
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "John Doe", date: "2023-10-01", title: "CEO", quote: "The most seamless tech purchase I've ever made.", tag: "Elite Client", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman-holding-disposable-coffee-cup-hand-looking-camera_23-2148176166.jpg" },
{ id: "2", name: "Jane Smith", date: "2023-10-05", title: "Director", quote: "Felt like a luxury service, not a store.", tag: "Elite Client", avatarSrc: "http://img.b2bpic.net/free-photo/mature-university-student-preparing-her-thesis-campus-library-study-room_482257-122549.jpg" },
{ id: "3", name: "Robert Brown", date: "2023-10-10", title: "Founder", quote: "Incredible attention to detail in the setup.", tag: "Elite Client", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-unshaven-employee_1098-4075.jpg" },
{ id: "4", name: "Alice White", date: "2023-10-12", title: "Manager", quote: "Saved me hours of setup time. Highly recommended.", tag: "Elite Client", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-model-posing-street_1303-14485.jpg" },
{ id: "5", name: "Mark Wilson", date: "2023-10-15", title: "Architect", quote: "The concierge setup is a total game changer.", tag: "Elite Client", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-bearded-businessman-with-black-eyeglasses_23-2147941450.jpg" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Upgrade Your Everyday"
description="Speak to an expert concierge for tailored advice."
useInvertedBackground={true}
inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
imageSrc="http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142188.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Smart Phone"
columns={[
{ title: "Shop", items: [{ label: "All Products", href: "#products" }, { label: "New Arrivals", href: "#products" }] },
{ title: "Support", items: [{ label: "Chat with Concierge", href: "#contact" }, { label: "FAQs", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Privacy Policy", href: "#" }] }
]}
/>
</div>
</ThemeProvider>
);
}
}