Compare commits
1 Commits
14d46cbdc7
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 87f3325b5e |
@@ -5,11 +5,13 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
|||||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||||
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||||
import { Zap, Star, Sparkles, CreditCard, Heart } from "lucide-react";
|
import { Zap, Star, Sparkles, CreditCard, Heart } from "lucide-react";
|
||||||
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -123,6 +125,38 @@ export default function LandingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</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">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardSix
|
<TestimonialCardSix
|
||||||
title="What Our Customers Say"
|
title="What Our Customers Say"
|
||||||
@@ -194,6 +228,51 @@ export default function LandingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
|
|||||||
Reference in New Issue
Block a user