1 Commits

Author SHA1 Message Date
87f3325b5e Bob AI: add a team section 2026-02-06 13:59:05 +02:00
3 changed files with 194 additions and 265 deletions

View File

@@ -11,6 +11,7 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Zap, Star, Sparkles, CreditCard, Heart } from "lucide-react";
import TeamCardOne from '@/components/sections/team/TeamCardOne';
export default function LandingPage() {
return (
@@ -37,8 +38,7 @@ export default function LandingPage() {
{ name: "Contact", id: "contact" }
]}
button={{
text: "Shop Now",
href: "products"
text: "Shop Now", href: "products"
}}
/>
</div>
@@ -52,12 +52,10 @@ export default function LandingPage() {
background={{ variant: "plain" }}
mediaItems={[
{
imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg",
imageAlt: "Latest iPhone showcase"
imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg", imageAlt: "Latest iPhone showcase"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/low-angle-man-using-smartphone-outdoors_23-2150747684.jpg",
imageAlt: "iPhone 15 Pro premium model"
imageSrc: "https://img.b2bpic.net/free-photo/low-angle-man-using-smartphone-outdoors_23-2150747684.jpg", imageAlt: "iPhone 15 Pro premium model"
}
]}
rating={5}
@@ -69,6 +67,145 @@ export default function LandingPage() {
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
title="iPhone Models"
description="Choose from our premium lineup of iPhones designed to fit every lifestyle and budget."
tag="Featured Products"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground="invertDefault"
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
carouselMode="buttons"
products={[
{
id: "1", brand: "Apple", name: "iPhone 15 Pro Max", price: "$1,199", rating: 5,
reviewCount: "18.5k", imageSrc: "https://img.b2bpic.net/free-photo/low-angle-man-using-smartphone-outdoors_23-2150747684.jpg", imageAlt: "iPhone 15 Pro Max"
},
{
id: "2", brand: "Apple", name: "iPhone 15 Pro", price: "$999", rating: 5,
reviewCount: "15.2k", imageSrc: "https://img.b2bpic.net/free-photo/people-holding-colorful-smartphones_23-2151969201.jpg", imageAlt: "iPhone 15 Pro"
},
{
id: "3", brand: "Apple", name: "iPhone 15 Plus", price: "$899", rating: 5,
reviewCount: "12.8k", imageSrc: "https://img.b2bpic.net/free-photo/modern-workspace-featuring-cellphone-setup_58702-17222.jpg", imageAlt: "iPhone 15 Plus"
},
{
id: "4", brand: "Apple", name: "iPhone 15", price: "$799", rating: 4,
reviewCount: "10.3k", imageSrc: "https://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722663.jpg", imageAlt: "iPhone 15 standard"
}
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
title="Revolutionary Features"
description="Experience the most advanced iPhone capabilities ever created."
tag="Innovation"
tagIcon={Sparkles}
textboxLayout="default"
useInvertedBackground="noInvert"
animationType="slide-up"
features={[
{
id: "1", title: "ProMotion Display", description: "120Hz display delivers incredibly smooth scrolling and responsiveness for an unmatched visual experience.", tag: "Display", imageSrc: "https://img.b2bpic.net/free-photo/two-friends-taking-selfie-smartphone_23-2147828216.jpg", imageAlt: "ProMotion display technology"
},
{
id: "2", title: "Advanced Camera System", description: "Breakthrough camera technology with enhanced zoom and night mode captures stunning photos in any condition.", tag: "Photography", imageSrc: "https://img.b2bpic.net/free-photo/close-up-shot-phone-used-by-person-laying-down-chatting-with-mates-online_482257-82287.jpg", imageAlt: "Advanced camera system"
},
{
id: "3", title: "A17 Pro Chip", description: "The fastest smartphone chip ever delivers exceptional performance for gaming, video editing, and everyday tasks.", tag: "Performance", imageSrc: "https://img.b2bpic.net/free-photo/young-couple-taking-photos-with-mobile_1301-5146.jpg", imageAlt: "A17 Pro chip performance"
},
{
id: "4", title: "All-Day Battery", description: "Intelligent battery management keeps your iPhone powered throughout the day and beyond.", tag: "Battery", imageSrc: "https://img.b2bpic.net/free-photo/man-hands-taking-picture-with-mobile-phone-sunset_657883-728.jpg", imageAlt: "All-day battery technology"
}
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
title="Flexible Pricing Plans"
description="Select the perfect iPhone model and storage option for your needs."
tag="Payment Options"
tagIcon={CreditCard}
textboxLayout="default"
useInvertedBackground="invertDefault"
animationType="slide-up"
plans={[
{
id: "basic", title: "iPhone 15", price: "$799", period: "one-time", imageSrc: "https://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722663.jpg", imageAlt: "iPhone 15 base model", button: { text: "Get Now", href: "contact" },
features: [
"6.1\" Liquid Retina display", "Dual camera system", "A16 Bionic chip", "30 hours battery life", "Water and dust resistant"
]
},
{
id: "pro", title: "iPhone 15 Pro", price: "$999", period: "one-time", imageSrc: "https://img.b2bpic.net/free-photo/people-holding-colorful-smartphones_23-2151969201.jpg", imageAlt: "iPhone 15 Pro model", button: { text: "Get Now", href: "contact" },
features: [
"6.1\" Pro display XDR", "Triple camera system", "A17 Pro chip", "20 hours battery life", "Titanium design", "ProRaw support"
]
},
{
id: "max", title: "iPhone 15 Pro Max", price: "$1,199", period: "one-time", imageSrc: "https://img.b2bpic.net/free-photo/low-angle-man-using-smartphone-outdoors_23-2150747684.jpg", imageAlt: "iPhone 15 Pro Max premium model", button: { text: "Get Now", href: "contact" },
features: [
"6.7\" Pro display XDR", "Advanced triple camera", "A17 Pro chip", "28 hours battery life", "Titanium design", "Enhanced zoom capabilities"
]
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="What Our Customers Say"
description="Discover why millions of people worldwide choose iPhone for their daily needs."
tag="Reviews"
tagIcon={Heart}
textboxLayout="default"
useInvertedBackground="noInvert"
animationType="slide-up"
speed={40}
topMarqueeDirection="left"
testimonials={[
{
id: "1", name: "Sarah Chen", handle: "@sarahchen", testimonial: "The camera quality is absolutely stunning. I've switched from another brand and haven't looked back since. Best phone purchase ever!", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Chen"
},
{
id: "2", name: "Marcus Johnson", handle: "@mjohnson", testimonial: "Battery life gets me through the entire day. The performance is incredibly smooth and the build quality feels premium.", imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageAlt: "Marcus Johnson"
},
{
id: "3", name: "Elena Rodriguez", handle: "@elena_tech", testimonial: "I love how seamlessly it works with my Mac and iPad. The ecosystem integration is unbeatable.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Elena Rodriguez"
},
{
id: "4", name: "David Kim", handle: "@davidkim_pro", testimonial: "Professional-grade camera system for photography. Night mode is revolutionary. Worth every penny for content creators.", imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", imageAlt: "David Kim"
},
{
id: "5", name: "Jessica Walsh", handle: "@jwalsh_design", testimonial: "The design is minimalist and elegant. It feels like holding a piece of technology art. Performance is flawless.", imageSrc: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageAlt: "Jessica Walsh"
},
{
id: "6", name: "Thomas Anderson", handle: "@tanderson", testimonial: "Been using iPhone for years. Each generation gets better. This is the best one yet. Highly recommend!", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg", imageAlt: "Thomas Anderson"
}
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
title="Why Choose iPhone"
description={[
"iPhone represents the pinnacle of mobile technology innovation. We're committed to crafting devices that combine stunning design with powerful performance.", "Our ecosystem seamlessly integrates across all your devices, creating an unmatched user experience. With industry-leading security, privacy protection, and customer support, iPhone is the choice of millions worldwide.", "Experience the future of mobile technology today. Every iPhone is engineered to deliver excellence in every detail."
]}
useInvertedBackground="invertDefault"
showBorder={false}
buttons={[
{ text: "Explore Models", href: "products" },
{ text: "Technical Specs", href: "features" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Get Your iPhone Today"
@@ -85,258 +222,54 @@ export default function LandingPage() {
{ name: "model", type: "text", placeholder: "Interested Model", required: false }
]}
textarea={{
name: "message",
placeholder: "Tell us about your needs or questions...",
rows: 5,
name: "message", placeholder: "Tell us about your needs or questions...", rows: 5,
required: false
}}
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
title="iPhone Models"
description="Choose from our premium lineup of iPhones designed to fit every lifestyle and budget."
tag="Featured Products"
tagIcon={Star}
textboxLayout="default"
useInvertedBackground="invertDefault"
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
carouselMode="buttons"
products={[
{
id: "1",
brand: "Apple",
name: "iPhone 15 Pro Max",
price: "$1,199",
rating: 5,
reviewCount: "18.5k",
imageSrc: "https://img.b2bpic.net/free-photo/low-angle-man-using-smartphone-outdoors_23-2150747684.jpg",
imageAlt: "iPhone 15 Pro Max"
},
{
id: "2",
brand: "Apple",
name: "iPhone 15 Pro",
price: "$999",
rating: 5,
reviewCount: "15.2k",
imageSrc: "https://img.b2bpic.net/free-photo/people-holding-colorful-smartphones_23-2151969201.jpg",
imageAlt: "iPhone 15 Pro"
},
{
id: "3",
brand: "Apple",
name: "iPhone 15 Plus",
price: "$899",
rating: 5,
reviewCount: "12.8k",
imageSrc: "https://img.b2bpic.net/free-photo/modern-workspace-featuring-cellphone-setup_58702-17222.jpg",
imageAlt: "iPhone 15 Plus"
},
{
id: "4",
brand: "Apple",
name: "iPhone 15",
price: "$799",
rating: 4,
reviewCount: "10.3k",
imageSrc: "https://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722663.jpg",
imageAlt: "iPhone 15 standard"
}
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
title="Revolutionary Features"
description="Experience the most advanced iPhone capabilities ever created."
tag="Innovation"
tagIcon={Sparkles}
textboxLayout="default"
useInvertedBackground="noInvert"
animationType="slide-up"
features={[
{
id: "1",
title: "ProMotion Display",
description: "120Hz display delivers incredibly smooth scrolling and responsiveness for an unmatched visual experience.",
tag: "Display",
imageSrc: "https://img.b2bpic.net/free-photo/two-friends-taking-selfie-smartphone_23-2147828216.jpg",
imageAlt: "ProMotion display technology"
},
{
id: "2",
title: "Advanced Camera System",
description: "Breakthrough camera technology with enhanced zoom and night mode captures stunning photos in any condition.",
tag: "Photography",
imageSrc: "https://img.b2bpic.net/free-photo/close-up-shot-phone-used-by-person-laying-down-chatting-with-mates-online_482257-82287.jpg",
imageAlt: "Advanced camera system"
},
{
id: "3",
title: "A17 Pro Chip",
description: "The fastest smartphone chip ever delivers exceptional performance for gaming, video editing, and everyday tasks.",
tag: "Performance",
imageSrc: "https://img.b2bpic.net/free-photo/young-couple-taking-photos-with-mobile_1301-5146.jpg",
imageAlt: "A17 Pro chip performance"
},
{
id: "4",
title: "All-Day Battery",
description: "Intelligent battery management keeps your iPhone powered throughout the day and beyond.",
tag: "Battery",
imageSrc: "https://img.b2bpic.net/free-photo/man-hands-taking-picture-with-mobile-phone-sunset_657883-728.jpg",
imageAlt: "All-day battery technology"
}
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
title="Flexible Pricing Plans"
description="Select the perfect iPhone model and storage option for your needs."
tag="Payment Options"
tagIcon={CreditCard}
textboxLayout="default"
useInvertedBackground="invertDefault"
animationType="slide-up"
plans={[
{
id: "basic",
title: "iPhone 15",
price: "$799",
period: "one-time",
imageSrc: "https://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722663.jpg",
imageAlt: "iPhone 15 base model",
button: { text: "Get Now", href: "contact" },
features: [
"6.1\" Liquid Retina display",
"Dual camera system",
"A16 Bionic chip",
"30 hours battery life",
"Water and dust resistant"
]
},
{
id: "pro",
title: "iPhone 15 Pro",
price: "$999",
period: "one-time",
imageSrc: "https://img.b2bpic.net/free-photo/people-holding-colorful-smartphones_23-2151969201.jpg",
imageAlt: "iPhone 15 Pro model",
button: { text: "Get Now", href: "contact" },
features: [
"6.1\" Pro display XDR",
"Triple camera system",
"A17 Pro chip",
"20 hours battery life",
"Titanium design",
"ProRaw support"
]
},
{
id: "max",
title: "iPhone 15 Pro Max",
price: "$1,199",
period: "one-time",
imageSrc: "https://img.b2bpic.net/free-photo/low-angle-man-using-smartphone-outdoors_23-2150747684.jpg",
imageAlt: "iPhone 15 Pro Max premium model",
button: { text: "Get Now", href: "contact" },
features: [
"6.7\" Pro display XDR",
"Advanced triple camera",
"A17 Pro chip",
"28 hours battery life",
"Titanium design",
"Enhanced zoom capabilities"
]
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="What Our Customers Say"
description="Discover why millions of people worldwide choose iPhone for their daily needs."
tag="Reviews"
tagIcon={Heart}
textboxLayout="default"
useInvertedBackground="noInvert"
animationType="slide-up"
speed={40}
topMarqueeDirection="left"
testimonials={[
{
id: "1",
name: "Sarah Chen",
handle: "@sarahchen",
testimonial: "The camera quality is absolutely stunning. I've switched from another brand and haven't looked back since. Best phone purchase ever!",
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
imageAlt: "Sarah Chen"
},
{
id: "2",
name: "Marcus Johnson",
handle: "@mjohnson",
testimonial: "Battery life gets me through the entire day. The performance is incredibly smooth and the build quality feels premium.",
imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
imageAlt: "Marcus Johnson"
},
{
id: "3",
name: "Elena Rodriguez",
handle: "@elena_tech",
testimonial: "I love how seamlessly it works with my Mac and iPad. The ecosystem integration is unbeatable.",
imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
imageAlt: "Elena Rodriguez"
},
{
id: "4",
name: "David Kim",
handle: "@davidkim_pro",
testimonial: "Professional-grade camera system for photography. Night mode is revolutionary. Worth every penny for content creators.",
imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",
imageAlt: "David Kim"
},
{
id: "5",
name: "Jessica Walsh",
handle: "@jwalsh_design",
testimonial: "The design is minimalist and elegant. It feels like holding a piece of technology art. Performance is flawless.",
imageSrc: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
imageAlt: "Jessica Walsh"
},
{
id: "6",
name: "Thomas Anderson",
handle: "@tanderson",
testimonial: "Been using iPhone for years. Each generation gets better. This is the best one yet. Highly recommend!",
imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
imageAlt: "Thomas Anderson"
}
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
title="Why Choose iPhone"
description={[
"iPhone represents the pinnacle of mobile technology innovation. We're committed to crafting devices that combine stunning design with powerful performance.",
"Our ecosystem seamlessly integrates across all your devices, creating an unmatched user experience. With industry-leading security, privacy protection, and customer support, iPhone is the choice of millions worldwide.",
"Experience the future of mobile technology today. Every iPhone is engineered to deliver excellence in every detail."
]}
useInvertedBackground="invertDefault"
showBorder={false}
buttons={[
{ text: "Explore Models", href: "products" },
{ text: "Technical Specs", href: "features" }
]}
<div id="team" data-section="team">
<TeamCardOne
members={[
{ id: "1", name: "John Doe", role: "Lead Developer", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "John Doe" },
{ id: "2", name: "Jane Smith", role: "UX Designer", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Jane Smith" },
{ id: "3", name: "Mike Johnson", role: "Marketing Specialist", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Mike Johnson" },
{ id: "4", name: "Emily Davis", role: "iOS Developer", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Emily Davis" }
]}
carouselMode="buttons"
gridVariant="grid-2"
uniformGridCustomHeightClasses=""
animationType="3d-flip"
title="Our Team"
description="Meet the team behind the iPhone app, dedicated to bringing you the best mobile experience."
tag="iPhone"
tagIcon="Smartphone"
buttons={[
{ label: "Contact", href: "#contact", variant: "primary" },
{ label: "Learn More", href: "#about", variant: "secondary" }
]}
textboxLayout="vertical"
useInvertedBackground="light"
ariaLabel="Team Members"
className=""
containerClassName=""
cardClassName=""
textBoxTitleClassName=""
textBoxTitleImageWrapperClassName=""
textBoxTitleImageClassName=""
textBoxDescriptionClassName=""
imageClassName=""
overlayClassName=""
nameClassName=""
roleClassName=""
gridClassName=""
carouselClassName=""
controlsClassName=""
textBoxClassName=""
textBoxTagClassName=""
textBoxButtonContainerClassName=""
textBoxButtonClassName=""
textBoxButtonTextClassName=""
/>
</div>
@@ -344,8 +277,7 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Products",
items: [
title: "Products", items: [
{ label: "iPhone 15 Pro", href: "products" },
{ label: "iPhone 15", href: "products" },
{ label: "iPhone 15 Plus", href: "products" },
@@ -353,8 +285,7 @@ export default function LandingPage() {
]
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "about" },
{ label: "Features", href: "features" },
{ label: "Pricing", href: "pricing" },
@@ -362,8 +293,7 @@ export default function LandingPage() {
]
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Help Center", href: "#" },
{ label: "Technical Support", href: "#" },
{ label: "Warranty", href: "#" },
@@ -371,8 +301,7 @@ export default function LandingPage() {
]
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },

View File

@@ -94,7 +94,7 @@ const HeroSplitDualMedia = ({
<div
key={index}
className={cls(
"w-full h-100 md:h-[55vh] overflow-hidden rounded-full card p-3",
"w-full h-100 md:h-[55vh] overflow-hidden rounded-theme-capped card p-3",
mediaItemClassName
)}
>
@@ -137,7 +137,7 @@ const HeroSplitDualMedia = ({
<div className={cls("w-content-width mx-auto flex flex-col md:flex-row gap-13 md:gap-15 items-center relative z-10", containerClassName)}>
<div className="w-full md:w-1/2">
<TextBox
title="Yo, Bob!"
title={title}
description={description}
tag={tag}
tagIcon={tagIcon}
@@ -152,7 +152,7 @@ const HeroSplitDualMedia = ({
center={true}
/>
<TextBox
title="Yo, Bob!"
title={title}
description={description}
tag={tag}
tagIcon={tagIcon}

View File

@@ -84,7 +84,7 @@ const ProductCardItem = memo(({
}: ProductCardItemProps) => {
return (
<article
className={cls("card group relative h-full flex flex-col gap-4 cursor-pointer p-4 rounded-full", cardClassName)}
className={cls("card group relative h-full flex flex-col gap-4 cursor-pointer p-4 rounded-theme-capped", cardClassName)}
onClick={product.onProductClick}
role="article"
aria-label={`${product.brand} ${product.name} - ${product.price}`}