bender/ecbf0c3d-d8cf-4af4-8d5e-db407721b2db
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #5.
This commit is contained in:
bender
2026-04-18 15:22:35 +00:00
parent 866ac50364 5a7e0ae853
commit c55ce0fdfa
1 changed files with 68 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/app/page.tsx
View File

@@ -1,5 +1,6 @@
'use client';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
@@ -10,44 +11,92 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function Home() {
const navItems = [
{ name: 'Home', id: '/' },
{ name: 'About', id: '/about' },
{ name: 'Contact', id: '/contact' }
];
const navItems = [{ name: "Home", id: "/" }];
export default function Page() {
return (
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen navItems={navItems} brandName="Smart Phone" />
<NavbarStyleFullscreen navItems={navItems} />
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel background={{ variant: "gradient-bars" }} title="Technology, Refined." description="Discover the world’s 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: "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" }]} />
<HeroBillboardCarousel
background={{ variant: "gradient-bars" }}
title="Technology, Refined."
description="Discover the world’s 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: "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." />
<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} 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" }]} title="Featured Collection" description="Our curated selection of premium devices for the discerning user." />
<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 useInvertedBackground={false} title="Not Just a Store. A Smarter Way to Buy." buttons={[{ text: "Learn More", href: "#" }]} />
<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", 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", imageAlt: "Horizontal Clay Phone 16 Pro Max" }]} title="Why Smart Phone?" description="We elevate how you experience technology." />
<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} 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", 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", imageAlt: "Modern smartphone with blank screen illuminated against a black background" }]} title="Concierge Experience" description="Seamless purchase journey in 3 simple 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 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" }, { 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" }, { 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" }, { 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" }, { 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" }]} title="Client Experiences" description="Luxury tech concierge services, rated 5 stars." />
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
title="Client Experiences"
description="Luxury tech concierge services, rated 5 stars."
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" }, { 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" }, { 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" }, { 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-14488.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-screen-concept_1194-638673.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", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-surrounded-with-scrub-glove-soap-perfume-bottle-towel-sponge-marble-backdrop_23-2147926923.jpg" }]}
/>
</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" />
<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: "#" }] }]} />
<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>
);