soeren/fotospiel-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change role to "user" for new registrations, fixed some registration form errors and implemented a reg-test

Browse Source
This commit is contained in:
Codex Agent
2025-10-02 15:06:50 +02:00
parent 7475210893
commit 1845d83583
13 changed files with 416 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
resources/js/pages/marketing/Packages.tsx
View File

@@ -55,9 +55,7 @@ const Packages: React.FC<PackagesProps> = ({ endcustomerPackages, resellerPackag
setOpen(true);
};
const nextStep = () => {
if (currentStep === 'step1') setCurrentStep('step3');
};
// nextStep entfernt, da Tabs nun parallel sind
const getFeatureIcon = (feature: string) => {
switch (feature) {
@@ -431,9 +429,8 @@ const Packages: React.FC<PackagesProps> = ({ endcustomerPackages, resellerPackag
<Tabs value={currentStep} onValueChange={setCurrentStep} className="w-full">
<TabsList className="grid w-full grid-cols-2">
<TabsTrigger value="step1">Details</TabsTrigger>
<TabsTrigger value="step3">Kaufen</TabsTrigger>
<TabsTrigger value="step2">Kundenmeinungen</TabsTrigger>
</TabsList>
<Progress value={(currentStep === 'step1' ? 50 : 100)} className="w-full mt-4" />
<TabsContent value="step1" className="mt-4">
<div className="space-y-4">
<div className="text-center">
@@ -475,77 +472,53 @@ const Packages: React.FC<PackagesProps> = ({ endcustomerPackages, resellerPackag
</Badge>
)}
</div>
{/* Social Proof - unten verschoben */}
<div className="mt-8">
<h3 className="text-xl font-semibold mb-4 font-display">Was Kunden sagen</h3>
<div className="grid md:grid-cols-3 gap-4">
{testimonials.map((testimonial, index) => (
<div key={index} className="bg-white p-4 rounded-lg shadow-md">
<p className="text-gray-600 font-sans-marketing mb-2">"{testimonial.text}"</p>
<p className="font-semibold font-sans-marketing">{testimonial.name}</p>
<div className="flex">
{[...Array(testimonial.rating)].map((_, i) => <Star key={i} className="w-4 h-4 text-yellow-400 fill-current" />)}
</div>
</div>
))}
</div>
<div className="text-center">
{auth.user ? (
<Link
href={`/buy-packages/${selectedPackage.id}`}
className="w-full block bg-[#FFB6C1] text-white py-3 rounded-md font-semibold font-sans-marketing hover:bg-[#FF69B4] transition text-center"
>
Zur Bestellung
</Link>
) : (
<Link
href={`/register?package_id=${selectedPackage.id}`}
className="w-full block bg-[#FFB6C1] text-white py-3 rounded-md font-semibold font-sans-marketing hover:bg-[#FF69B4] transition text-center"
onClick={() => {
localStorage.setItem('preferred_package', JSON.stringify(selectedPackage));
}}
>
Zur Bestellung
</Link>
)}
</div>
<button onClick={nextStep} className="w-full bg-[#FFB6C1] text-white py-3 rounded-md font-semibold font-sans-marketing hover:bg-[#FF69B4] transition">
Zum Kauf
</button>
</div>
</TabsContent>
<TabsContent value="step3" className="mt-4">
<h3 className="text-xl font-semibold mb-4 font-display">Bereit zum Kaufen?</h3>
<div className="text-center">
<p className="text-gray-600 font-sans-marketing mb-4">Sie haben {selectedPackage.name} ausgewählt.</p>
{auth.user ? (
<Link
href={`/buy-packages/${selectedPackage.id}`}
className="w-full block bg-[#FFB6C1] text-white py-3 rounded-md font-semibold font-sans-marketing hover:bg-[#FF69B4] transition text-center"
>
Jetzt kaufen
</Link>
) : (
<Link
href={`/register?package_id=${selectedPackage.id}`}
className="w-full block bg-[#FFB6C1] text-white py-3 rounded-md font-semibold font-sans-marketing hover:bg-[#FF69B4] transition text-center"
onClick={() => {
localStorage.setItem('preferred_package', JSON.stringify(selectedPackage));
}}
>
Registrieren & Kaufen
</Link>
)}
<TabsContent value="step2" className="mt-4">
<div className="space-y-4">
<h3 className="text-xl font-semibold mb-4 font-display">Was Kunden sagen</h3>
<div className="grid md:grid-cols-3 gap-4">
{testimonials.map((testimonial, index) => (
<div key={index} className="bg-white p-4 rounded-lg shadow-md">
<p className="text-gray-600 font-sans-marketing mb-2">"{testimonial.text}"</p>
<p className="font-semibold font-sans-marketing">{testimonial.name}</p>
<div className="flex">
{[...Array(testimonial.rating)].map((_, i) => <Star key={i} className="w-4 h-4 text-yellow-400 fill-current" />)}
</div>
</div>
))}
</div>
<button onClick={() => setOpen(false)} className="w-full mt-4 text-gray-500 underline">
Schließen
</button>
</div>
<button onClick={() => setOpen(false)} className="w-full mt-4 text-gray-500 underline">
Schließen
</button>
</TabsContent>
</Tabs>
</DialogContent>
</Dialog>
)}
{/* Testimonials Section */}
<section className="py-20 px-4 bg-gray-50">
<div className="container mx-auto">
<h2 className="text-3xl font-bold text-center mb-12 font-display">Was unsere Kunden sagen</h2>
<div className="grid md:grid-cols-3 gap-8">
{testimonials.map((testimonial, index) => (
<div key={index} className="bg-white p-6 rounded-lg shadow-md">
<p className="text-gray-600 font-sans-marketing mb-4">"{testimonial.text}"</p>
<div className="flex items-center">
<div className="flex">
{[...Array(testimonial.rating)].map((_, i) => <Star key={i} className="w-5 h-5 text-yellow-400 fill-current" />)}
</div>
<p className="ml-2 font-semibold font-sans-marketing">{testimonial.name}</p>
</div>
</div>
))}
</div>
</div>
</section>
{/* Testimonials Section entfernt, da nun im Dialog */}
</MarketingLayout>
);
};