Merge version_1 into main #5
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user